AJAX POST請求中參數以form data和request payload形式在servlet中的擷取方式

標籤：style   blog   http   color   os   io   使用   java   ar   

HTTP請求中，假設是get請求，那麼表單參數以name=value&name1=value1的形式附到url的後面，假設是post請求，那麼表單參數是在請求體中，也是以name=value&name1=value1的形式在請求體中。通過chrome的開發人員工具能夠看到例如以下（這裡是可讀的形式，不是真正的HTTP請求協議的請求格式）：

get請求：

RequestURL:http://127.0.0.1:8080/test/test.do?name=mikan&address=streetRequest Method:GETStatus Code:200 OK Request HeadersAccept:text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8Accept-Encoding:gzip,deflate,sdchAccept-Language:zh-CN,zh;q=0.8,en;q=0.6AlexaToolbar-ALX_NS_PH:AlexaToolbar/alxg-3.2Connection:keep-aliveCookie:JSESSIONID=74AC93F9F572980B6FC10474CD8EDD8DHost:127.0.0.1:8080Referer:http://127.0.0.1:8080/test/index.jspUser-Agent:Mozilla/5.0 (Windows NT 6.1)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.149 Safari/537.36 Query String Parametersname:mikanaddress:street Response HeadersContent-Length:2Date:Sun, 11 May 2014 10:42:38 GMTServer:Apache-Coyote/1.1

Post請求：

RequestURL:http://127.0.0.1:8080/test/test.doRequest Method:POSTStatus Code:200 OK Request HeadersAccept:text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8Accept-Encoding:gzip,deflate,sdchAccept-Language:zh-CN,zh;q=0.8,en;q=0.6AlexaToolbar-ALX_NS_PH:AlexaToolbar/alxg-3.2Cache-Control:max-age=0Connection:keep-aliveContent-Length:25Content-Type:application/x-www-form-urlencodedCookie:JSESSIONID=74AC93F9F572980B6FC10474CD8EDD8DHost:127.0.0.1:8080Origin:http://127.0.0.1:8080Referer:http://127.0.0.1:8080/test/index.jspUser-Agent:Mozilla/5.0 (Windows NT 6.1)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.149 Safari/537.36 Form Dataname:mikanaddress:street Response HeadersContent-Length:2Date:Sun, 11 May 2014 11:05:33 GMTServer:Apache-Coyote/1.1

這裡要注意post請求的Content-Type為application/x-www-form-urlencoded，參數是在請求體中，即上面請求中的Form Data。

 在servlet中，能夠通過request.getParameter(name)的形式來擷取表單參數。

 而假設使用原生AJAX POST請求的話：

         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的開發人員工具看到要求標頭例如以下：

RequestURL:http://127.0.0.1:8080/test/test.doRequest Method:POSTStatus Code:200 OK Request HeadersAccept:*/*Accept-Encoding:gzip,deflate,sdchAccept-Language:zh-CN,zh;q=0.8,en;q=0.6AlexaToolbar-ALX_NS_PH:AlexaToolbar/alxg-3.2Connection:keep-aliveContent-Length:28Content-Type:text/plain;charset=UTF-8Cookie:JSESSIONID=C40C7823648E952E7C6F7D2E687A0A89Host:127.0.0.1:8080Origin:http://127.0.0.1:8080Referer:http://127.0.0.1:8080/test/index.jspUser-Agent:Mozilla/5.0 (Windows NT 6.1)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.149 Safari/537.36 Request Payloadname=mikan&address=street Response HeadersContent-Length:2Date:Sun, 11 May 2014 11:49:23 GMTServer: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請求）的處理代碼例如以下：

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)是擷取不到的。

 那麼這樣提交的參數我們該怎麼擷取呢？

當然是使用最原始的方式，讀取輸入資料流來擷取了，例如以下所看到的：

         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，即：

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

另外，假設使用jquery，我使用1.11.0這個版本號碼來測試，$.ajax post請求是不須要明白設定這個要求標頭的，其它版本號碼的本人沒有親自測試過。相信在1.11.0之後的版本號碼也是不須要設定的。只是之前有的就不一定了。這個沒有測試過。

AJAX POST請求中參數以form data和request payload形式在servlet中的擷取方式