ajax快速解决参数过长无法提交成功的问题

159 阅读 0 评论 105 点赞

我是靠谱客的博主高高小松鼠，最近开发中收集的这篇文章主要介绍ajax快速解决参数过长无法提交成功的问题，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

查了很多资料都说，get方法的参数是有限制的，post方法的参数的长度是无限制，这也是post相比get的优势一直。

在ajax中使用post方法，用常规的参数格式：param1=a1¶m2=a2 ，当参数长度过长时，依然提交不成功。比如我们经常这样写一个ajax的post请求：

$.ajax({
  type: "post",  // post or get
  contentType:"application/json;charset=utf-8",
  data: “requestTag=”+tag+"&content="+content,  //请求参数
  url: "postMockJson",   //地址
  dataType: "text",
  error: function (err) {
   outLog("错误"+err);
  },
  success: onSaveSuccess
});

这样使用的时候，发现若是参数2：content内容过多时，比如我传的是一个比较大的文本内容，我在后台服务（我用的是servlet）中获取时：

String content= request.getParameter("content");

这里的content的值，为null。

还有一种快捷的方法可以查看ajax请求是否成功，使用F12开发者工具进行调试，在执行完ajax代码后，在F12工具中的network选项页面中，可以看到发起的请求，这时候看到的请求的参数有错误提示。

解决方法：

ajax的参数格式还有另外一种写法：json格式的请求参数，我可以写成这样：

var param = "{requestTag:\""+requestTag+"\",content:\""+content+"\"}";
（ps：注意json格式要正确）

这个时候，若是使用F12进行debug，可以看到请求的参数的数据都是正确的。

那么问题来了，我在servlet中获取的content依旧是null，这是为什么呢？？？

由于请求参数是一个json数据块，所以这种request.getParameter(“content”)方法，当然获取不到数据啦，因为它不会给我们解析json数据。

那么我们传递的参数数据在哪里呢？

重点来了：数据都在request对象里。

那么我们就用最原始的方法，通过数据流的方法获取传递的数据，如下：

request.setCharacterEncoding("UTF-8");
StringBuilder sb = new StringBuilder();
try(BufferedReader reader = request.getReader();) {
char[] buff = new char[1024];
int len;
 while((len = reader.read(buff)) != -1) {
  sb.append(buff,0, len);
  }
}catch (IOException e) {
   e.printStackTrace();
}

这时候，我们的json数据都在sb对象中了，接下来只需要解析json对象就可以了：

JSONObject jobject = JSONObject.fromObject(sb.toString());
String requestTag = jobject.getString("requestTag");
String content = jobject.getString("content");

到这里，我们就可以获取到content的了。

以上这篇ajax快速解决参数过长无法提交成功的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。