AJAX POST请求中参数以form data和request payload形式在servlet中的获取方式

最新推荐文章于 2021-08-05 17:56:18 发布
最新推荐文章于 2021-08-05 17:56:18 发布
阅读量451 收藏
点赞数
分类专栏： ajax 文章标签： ajax servlet form data request payload

HTTP AJAX POST请求request payloadform dataContent Type

HTTP请求中，如果是get请求，那么表单参数以name=value&name1=value1的形式附到url的后面，如果是post请求，那么表单参数是在请求体中，也是以name=value&name1=value1的形式在请求体中。通过chrome的开发者工具可以看到如下（这里是可读的形式，不是真正的HTTP请求协议的请求格式）：

get请求：

  1. RequestURL:http://127.0.0.1:8080/test/test.do?name=mikan&address=street
  2. Request Method:GET
  3. Status Code:200 OK
  5. Request Headers
  6. Accept:text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8
  7. Accept-Encoding:gzip,deflate,sdch
  8. Accept-Language:zh-CN,zh;q=0.8,en;q=0.6
  9. AlexaToolbar-ALX_NS_PH:AlexaToolbar/alxg-3.2
  10. Connection:keep-alive
  11. Cookie:JSESSIONID=74AC93F9F572980B6FC10474CD8EDD8D
  12. Host:127.0.0.1:8080
  13. Referer:http://127.0.0.1:8080/test/index.jsp
  14. User-Agent:Mozilla/5.0 (Windows NT 6.1)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.149 Safari/537.36
  16. Query String Parameters
  17. name:mikan
  18. address:street
  20. Response Headers
  21. Content-Length:2
  22. Date:Sun, 11 May 2014 10:42:38 GMT
  23. Server:Apache-Coyote/1.1 
RequestURL:http://127.0.0.1:8080/test/test.do?name=mikan&address=street
Request Method:GET
Status Code:200 OK
 
Request Headers
Accept:text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8
Accept-Encoding:gzip,deflate,sdch
Accept-Language:zh-CN,zh;q=0.8,en;q=0.6
AlexaToolbar-ALX_NS_PH:AlexaToolbar/alxg-3.2
Connection:keep-alive
Cookie:JSESSIONID=74AC93F9F572980B6FC10474CD8EDD8D
Host:127.0.0.1:8080
Referer:http://127.0.0.1:8080/test/index.jsp
User-Agent:Mozilla/5.0 (Windows NT 6.1)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.149 Safari/537.36
 
Query String Parameters
name:mikan
address:street
 
Response Headers
Content-Length:2
Date:Sun, 11 May 2014 10:42:38 GMT
Server:Apache-Coyote/1.1

Post请求：

  1. RequestURL:http://127.0.0.1:8080/test/test.do
  2. Request Method:POST
  3. Status Code:200 OK
  5. Request Headers
  6. Accept:text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8
  7. Accept-Encoding:gzip,deflate,sdch
  8. Accept-Language:zh-CN,zh;q=0.8,en;q=0.6
  9. AlexaToolbar-ALX_NS_PH:AlexaToolbar/alxg-3.2
  10. Cache-Control:max-age=0
  11. Connection:keep-alive
  12. Content-Length:25
  13. Content-Type:application/x-www-form-urlencoded
  14. Cookie:JSESSIONID=74AC93F9F572980B6FC10474CD8EDD8D
  15. Host:127.0.0.1:8080
  16. Origin:http://127.0.0.1:8080
  17. Referer:http://127.0.0.1:8080/test/index.jsp
  18. User-Agent:Mozilla/5.0 (Windows NT 6.1)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.149 Safari/537.36
  20. Form Data
  21. name:mikan
  22. address:street
  24. Response Headers
  25. Content-Length:2
  26. Date:Sun, 11 May 2014 11:05:33 GMT
  27. Server:Apache-Coyote/1.1 
RequestURL:http://127.0.0.1:8080/test/test.do
Request Method:POST
Status Code:200 OK
 
Request Headers
Accept:text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8
Accept-Encoding:gzip,deflate,sdch
Accept-Language:zh-CN,zh;q=0.8,en;q=0.6
AlexaToolbar-ALX_NS_PH:AlexaToolbar/alxg-3.2
Cache-Control:max-age=0
Connection:keep-alive
Content-Length:25
Content-Type:application/x-www-form-urlencoded
Cookie:JSESSIONID=74AC93F9F572980B6FC10474CD8EDD8D
Host:127.0.0.1:8080
Origin:http://127.0.0.1:8080
Referer:http://127.0.0.1:8080/test/index.jsp
User-Agent:Mozilla/5.0 (Windows NT 6.1)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.149 Safari/537.36
 
Form Data
name:mikan
address:street
 
Response Headers
Content-Length:2
Date:Sun, 11 May 2014 11:05:33 GMT
Server:Apache-Coyote/1.1

这里要注意post请求的Content-Type为application/x-www-form-urlencoded，参数是在请求体中，即上面请求中的Form Data。

在servlet中，可以通过request.getParameter(name)的形式来获取表单参数。

而如果使用原生AJAX POST请求的话：

  1. function getXMLHttpRequest() {
  2. var xhr;
  3. if(window.ActiveXObject) {
  4. xhr= new ActiveXObject("Microsoft.XMLHTTP");
  5. }else if (window.XMLHttpRequest) {
  6. xhr= new XMLHttpRequest();
  7. }else {
  8. xhr= null;
  9. }
  10. return xhr;
  11. }
  13. function save() {
  14. var xhr = getXMLHttpRequest();
  15. xhr.open("post","http://127.0.0.1:8080/test/test.do");
  16. var data = "name=mikan&address=street...";
  17. xhr.send(data);
  18. xhr.onreadystatechange= function() {
  19. if(xhr.readyState == 4 && xhr.status == 200) {
  20. alert("returned:"+ xhr.responseText);
  21. }
  22. };
  23. } 
         function getXMLHttpRequest() {
                   var xhr;
                   if(window.ActiveXObject) {
                            xhr= new ActiveXObject("Microsoft.XMLHTTP");
                   }else if (window.XMLHttpRequest) {
                            xhr= new XMLHttpRequest();
                   }else {
                            xhr= null;
                   }
                   return xhr;
         }
 
         function save() {
                   var xhr = getXMLHttpRequest();
                   xhr.open("post","http://127.0.0.1:8080/test/test.do");
                   var data = "name=mikan&address=street...";
                   xhr.send(data);
                   xhr.onreadystatechange= function() {
                            if(xhr.readyState == 4 && xhr.status == 200) {
                                     alert("returned:"+ xhr.responseText);
                            }
                   };
         }

通过chrome的开发者工具看到请求头如下：

  1. RequestURL:http://127.0.0.1:8080/test/test.do
  2. Request Method:POST
  3. Status Code:200 OK
  5. Request Headers
  6. Accept:*/*
  7. Accept-Encoding:gzip,deflate,sdch
  8. Accept-Language:zh-CN,zh;q=0.8,en;q=0.6
  9. AlexaToolbar-ALX_NS_PH:AlexaToolbar/alxg-3.2
  10. Connection:keep-alive
  11. Content-Length:28
  12. Content-Type:text/plain;charset=UTF-8
  13. Cookie:JSESSIONID=C40C7823648E952E7C6F7D2E687A0A89
  14. Host:127.0.0.1:8080
  15. Origin:http://127.0.0.1:8080
  16. Referer:http://127.0.0.1:8080/test/index.jsp
  17. User-Agent:Mozilla/5.0 (Windows NT 6.1)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.149 Safari/537.36
  19. Request Payload
  20. name=mikan&address=street
  22. Response Headers
  23. Content-Length:2
  24. Date:Sun, 11 May 2014 11:49:23 GMT
  25. Server:Apache-Coyote/1.1 
RequestURL:http://127.0.0.1:8080/test/test.do
Request Method:POST
Status Code:200 OK
 
Request Headers
Accept:*/*
Accept-Encoding:gzip,deflate,sdch
Accept-Language:zh-CN,zh;q=0.8,en;q=0.6
AlexaToolbar-ALX_NS_PH:AlexaToolbar/alxg-3.2
Connection:keep-alive
Content-Length:28
Content-Type:text/plain;charset=UTF-8
Cookie:JSESSIONID=C40C7823648E952E7C6F7D2E687A0A89
Host:127.0.0.1:8080
Origin:http://127.0.0.1:8080
Referer:http://127.0.0.1:8080/test/index.jsp
User-Agent:Mozilla/5.0 (Windows NT 6.1)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.149 Safari/537.36
 
Request Payload
name=mikan&address=street
 
Response Headers
Content-Length:2
Date:Sun, 11 May 2014 11:49:23 GMT
Server:Apache-Coyote/1.1

注意请求的Content-Type为text/plain;charset=UTF-8，而请求表单参数在RequestPayload中。

那么servlet中通过request.getParameter(name)却是空。为什么呢？而这样的参数又该怎么样获取呢？

为了搞明白这个问题，查了些资料，也看了Tomcat7.0.53关于请求参数处理的源码，终于搞明白了是怎么回事。

HTTP POST表单请求提交时，使用的Content-Type是application/x-www-form-urlencoded，而使用原生AJAX的POST请求如果不指定请求头RequestHeader，默认使用的Content-Type是text/plain;charset=UTF-8。

由于Tomcat对于Content-Type multipart/form-data（文件上传）和application/x-www-form-urlencoded（POST请求）做了“特殊处理”。下面来看看相关的处理代码。

Tomcat的HttpServletRequest类的实现类为org.apache.catalina.connector.Request（实际上是org.apache.coyote.Request），而它对处理请求参数的方法为protected void parseParameters()，这个方法中对Content-Type multipart/form-data（文件上传）和application/x-www-form-urlencoded（POST请求）的处理代码如下：

  1. protectedvoid parseParameters() {
  2. //省略部分代码......
  3. parameters.handleQueryParameters();// 这里是处理url中的参数
  4. //省略部分代码......
  5. if ("multipart/form-data".equals(contentType)) { // 这里是处理文件上传请求
  6. parseParts();
  7. success = true;
  8. return;
  9. }
  11. if(!("application/x-www-form-urlencoded".equals(contentType))) {// 这里如果是非POST请求直接返回，不再进行处理
  12. success = true;
  13. return;
  14. }
  15. //下面的代码才是处理POST请求参数
  16. //省略部分代码......
  17. try {
  18. if (readPostBody(formData, len)!= len) { // 读取请求体数据
  19. return;
  20. }
  21. } catch (IOException e) {
  22. // Client disconnect
  23. if(context.getLogger().isDebugEnabled()) {
  24. context.getLogger().debug(
  25. sm.getString("coyoteRequest.parseParameters"),e);
  26. }
  27. return;
  28. }
  29. parameters.processParameters(formData, 0, len); // 处理POST请求参数，把它放到requestparameter map中（即request.getParameterMap获取到的Map，request.getParameter(name)也是从这个Map中获取的）
  30. // 省略部分代码......
  31. }
  33. protected int readPostBody(byte body[], int len)
  34. throws IOException {
  36. int offset = 0;
  37. do {
  38. int inputLen = getStream().read(body, offset, len - offset);
  39. if (inputLen <= 0) {
  40. return offset;
  41. }
  42. offset += inputLen;
  43. } while ((len - offset) > 0);
  44. return len;
  45. } 
protectedvoid parseParameters() {
           //省略部分代码......
           parameters.handleQueryParameters();// 这里是处理url中的参数
           //省略部分代码......
           if ("multipart/form-data".equals(contentType)) { // 这里是处理文件上传请求
                parseParts();
                success = true;
                return;
           }
 
           if(!("application/x-www-form-urlencoded".equals(contentType))) {// 这里如果是非POST请求直接返回，不再进行处理
                success = true;
                return;
           }
           //下面的代码才是处理POST请求参数
           //省略部分代码......
           try {
                if (readPostBody(formData, len)!= len) { // 读取请求体数据
                    return;
                }
           } catch (IOException e) {
                // Client disconnect
                if(context.getLogger().isDebugEnabled()) {
                    context.getLogger().debug(
                            sm.getString("coyoteRequest.parseParameters"),e);
                }
                return;
           }
           parameters.processParameters(formData, 0, len); // 处理POST请求参数，把它放到requestparameter map中（即request.getParameterMap获取到的Map，request.getParameter(name)也是从这个Map中获取的）
           // 省略部分代码......
}
 
   protected int readPostBody(byte body[], int len)
       throws IOException {
 
       int offset = 0;
       do {
           int inputLen = getStream().read(body, offset, len - offset);
           if (inputLen <= 0) {
                return offset;
           }
           offset += inputLen;
       } while ((len - offset) > 0);
       return len;
    }

从上面代码可以看出，POST请求是不会读取请求体数据和进行相应的参数处理的，即把表单数据解析后，放到request parameter map中（即request.getParameterMap获取到的Map，request.getParameter(name)也是从这个Map中获取的）。所以通过request.getParameter(name)是获取不到的。

那么这样提交的参数我们该怎么获取呢？

当然是使用最原始的方式，读取输入流来获取了，如下所示：

  1. privateString getRequestPayload(HttpServletRequest req) {
  2. StringBuildersb = new StringBuilder();
  3. try(BufferedReaderreader = req.getReader();) {
  4. char[]buff = new char[1024];
  5. intlen;
  6. while((len = reader.read(buff)) != -1) {
  7. sb.append(buff,0, len);
  8. }
  9. }catch (IOException e) {
  10. e.printStackTrace();
  11. }
  12. returnsb.toString();
  13. } 
         privateString getRequestPayload(HttpServletRequest req) {
                   StringBuildersb = new StringBuilder();
                   try(BufferedReaderreader = req.getReader();) {
                            char[]buff = new char[1024];
                            intlen;
                            while((len = reader.read(buff)) != -1) {
                                     sb.append(buff,0, len);
                            }
                   }catch (IOException e) {
                            e.printStackTrace();
                   }
                   returnsb.toString();
         }

当然，设置了application/x-www-form-urlencoded的POST请求也可以通过这种方式来获取。

所以，在使用原生AJAX POST请求时，需要明确设置Request Header，即：

  1. xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

另外，如果使用jquery，我使用1.11.0这个版本来测试，$.ajax post请求是不需要明确设置这个请求头的，其他版本的本人没有亲自测试过。相信在1.11.0之后的版本也是不需要设置的。不过之前有的就不一定了。这个没有测试过。

zhidaobuzidao
关注
专栏目录
Servlet获取AJAX POST请求中参数以form data和request payload形式传输的方法
08-28
本篇文章主要探讨如何在Servlet中处理AJAX POST请求，特别是当请求参数以`form data`和`request payload`两种不同形式传递时。 首先，理解HTTP请求的基本结构。GET请求的参数通常附加在URL后面，而POST请求的参数...
jquery ajax 参数放到 request playload 中
HouYing
03-12 3230
$.ajax({ type : "post",// 使用get方法访问后台 dataType : "json",// 返回json格式的数据 url : me.url,// 要访问的后台地址 async : async, contentType : 'text/plain;charset=UTF-8', data : ...
AJAX POST请求中参数以form data和request payload形式在php中的获取方式
NiluChen的专栏
09-11 2万+
一.MINE TYPE问题： php对mime type为“application/x-www-form-urlencoded”（表单提交）和“multipart/form-data”（文件上传）的Post请求的数据作特殊处理 下面以“multipart/form-data”为例对源码进行解析： 当客户端发起文件提交请求时，Apache会将所接收到的内容转交给mod_php5模块
servlrt中解析ajax里面参数,Servlet获取AJAXPOST请求中参数以formdata和requestpayload形式传输的方法（6页）-原创力文档...
weixin_28997071的博客
08-05 282
Servlet获获取取AJAX POST请请求求中中参参数数以以form data和和request pay load形形式式传传输输的的方方法法本文实例讲述了Servlet获取A JA X POST请求中参数以form data和request payload形式传输的方法。分享给大家供大家参考 具体如下：HTT P请求中 如果是get请求 那么表单参数以name=value&name1...
servlet获取ajax post请求中参数以form data和request payload形式传输的方法
bobozai86的博客
09-07 4851
HTTP请求中，如果是get请求，那么表单参数以name=value&amp;name1=value1的形式附到url的后面，如果是post请求，那么表单参数是在请求体中，也是以name=value&amp;name1=value1的形式在请求体中。通过chrome的开发者工具可以看到，如下： get请求： RequestURL:http://127.0.0.1:8080/test/test...
python爬虫实现POST request payload形式的请求
09-17
在HTTP请求中，POST请求通常用于向服务器提交数据，而数据的传递方式有两种常见形式：Form Data和Request Payload。 1.1. Form Data Form Data是在HTTP请求体中以键值对的形式传输数据，适用于传统HTML表单提交。在...
Python爬虫:Request Payload和Form Data的简单区别说明
09-16
在Python爬虫开发中，了解网络请求的细节至关重要，尤其是HTTP请求中的`Request Payload`和`Form Data`。这两者都是用于向服务器提交数据的方式，但它们之间存在一些关键的区别。 首先，`Form Data`是当我们在HTML...
axios中post中参数问题 --- form Data和Request payload
coding...
10-10 1万+
抛出问题： 在vue项目中使用axios发post请求时候，后台返回500。 发现是form Data 和 Request payload的问题。 后台对两者的处理方式不同，导致我们接收不到数据。   解决问题： 首先需要全局配置 axios.defaults.headers.post['Content-Type'] = 'Content-Type:application/x-ww...
前端js ajax或axios封装请求形式为Request Payload的数据问题
肖帅的博客
06-18 1769
问题：对接过程中使用postMan或者其他工具在对接的时候发现请求中使用的是Request Payload，对于一个有工作经验但是没有主动去配置axios的来说，确实是需要查资料的，开发过程中与后端人员对接接口一直对接不成功，问题在于前端架构师没有配置。 问题现象：在开发过程中，我们请求一直如下图所示,请求方式有post和get,但我们请求的Content-Type一直是如下图所示的（Content-Type: application/x-www-form-urlencoded;charset=UTF-8）
jquery ajax request payload和fromData请求方式
weixin_34097242的博客
07-19 3112
2019独角兽企业重金招聘Python工程师标准>>> ...
通过Jsoup发送Request Payload方式的Ajax post请求
_
11-14 1532
最近在做一个旅游类的网站，在使用爬虫时，发现某程网站上某一个景点的用户评论这部分数据是通过Ajax异步请求动态加载的，首先通过Chrome跟踪异步请求，发现有两次请求， 前一次请求方法的OPTION,后一次请求才是POST而且返回目标数据，不过两次请求的url是一样的，直接在地址栏输入url返回的是没有用户评论信息的json格式的数据， 这说明某程服务器并没有接收到可用的...
Form Data 转换成 Request Palyload
小鹰信息技术服务部
11-26 5913
今天在项目中做一个导出Excel的功能，客户端网页向服务器提交一个POST请求，发送一个json对象给服务器，这个json对象并不是简单的键值对，而是有好几层深度的json对象。 原有的请求方法是Angular JS中的$http.post()，正常工作，但是总有一些浏览器兼容性等方面的问题，于是考虑把它换成jquery的$ajax()。 代码（要提交的json对象就是下面的postD
ajax的 post长度,AJAX POST请求由于Payload内容长度而失败
weixin_36221113的博客
08-05 447
我试图通过ajax使用REST服务。为此，我发送jquery AJAX POST请求失败，并显示以下消息。AJAX POST请求由于Payload内容长度而失败{"statusCode":400,"error":"Bad Request","message":"Payload content length greater than maximum allowed: 1048576"}我们试图发送的...
修改HttpServletRequest中header中的信息
热门推荐
u010698072的博客
04-17 6万+
废话一堆：由于业务有统一的鉴权系统，页面请求时在header中带过来gsid，正常业务没有问题，但是当需要下载文件时，前端统一用json解析响应，当响应文件时，对于前端来说不好处理，就决定使用简单的get请求下载文件，将gsid通过url带过来，这样的话后端鉴权就需要处理，当header中没有gsid时，从参数中取，为了尽可能少的改变公用的业务代码（指sso），就在当前项目中自定义权限拦截器。总结...
form data 和request payload
最新发布
09-16
form和request payload是在AJAX POST请求中用于传输参数的两种形式。form data是以键值对的形式将参数编码到请求体中，用于Content-Type为application/x-www-form-urlencoded或multipart/form-data的请求。request payload是以JSON格式或字符串的形式将参数直接放置在请求体中，用于Content-Type为application/json的请求。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值