论坛首页 Web前端技术论坛

关于XMLHttpRequest.open()设置提交方式 (POST,GET)

浏览 17808 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2008-07-30  

    众所周知XMLHttpRequest的open()方法里的第一个参数是用来设置向服务器提交的方式,这是绝对的吗?不一定哦,看看下面的代码。
代码片断如下:
function simpleStrSubmit()
{
var xmlReqFile = createXMLReqFile();
xmlHttp.open("GET","ProcessServlet",true);//指定GET方式提交
xmlHttp.onreadystatechange = processRequest;//回调函数
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlHttp.send("xml="+xmlReqFile);
}

描述:其中ProcessServlet是一个Servlet
问题:open方法的第一个参数不论写"GET"或是"POST",在ProcessServlet里都是调用的doPost方法??这是为什么?为什么不调用doGet方法???
答案:按照哪种方式提交不是由open()方法的第一个参数完全决定的,还与send()方法有关。
      一、当open()方法里指定的是GET,并且
          1、send()方法的参数是""或者null,跟踪代码可以知道调用了Servlet中的doGet方法
          2、send()方法的参数是地址重写的方式,或者就是一个字符串,都调用doPost方法,例如:
             xmlHttp.open("GET",
                       "ProcessServlet?choose="+document.getElementById("choosejsfile").value,
                        true);//open里调用GET方法。
             xmlHttp.send("aaa=dd");            //a
             xmlHttp.send("paramTest");        //b
             xmlHttp.send("     ");                    //c
             xmlHttp.send(null);                      //d
             xmlHttp.send("");                         //e
             对于a、b、c、d、e五中send()函数,只有d和e会调用doGet方法,a、b、c三种方式均调用 doPost方法。
      二、当open()方法里指定的是POST,则对于以上5种send()函数,服务器均会调用doPost方法。
所以使用哪种方式提交是由open方法和send方法共同决定的。

   发表时间:2008-07-30  
holdbelief 写道

    众所周知XMLHttpRequest的open()方法里的第一个参数是用来设置向服务器提交的方式,这是绝对的吗?不一定哦,看看下面的代码。
代码片断如下:
function simpleStrSubmit()
{
var xmlReqFile = createXMLReqFile();
xmlHttp.open("GET","ProcessServlet",true);//指定GET方式提交
xmlHttp.onreadystatechange = processRequest;//回调函数
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlHttp.send("xml="+xmlReqFile);
}

描述:其中ProcessServlet是一个Servlet
问题:open方法的第一个参数不论写"GET"或是"POST",在ProcessServlet里都是调用的doPost方法??这是为什么?为什么不调用doGet方法???
答案:按照哪种方式提交不是由open()方法的第一个参数完全决定的,还与send()方法有关。
      一、当open()方法里指定的是GET,并且
          1、send()方法的参数是""或者null,跟踪代码可以知道调用了Servlet中的doGet方法
          2、send()方法的参数是地址重写的方式,或者就是一个字符串,都调用doPost方法,例如:
             xmlHttp.open("GET",
                       "ProcessServlet?choose="+document.getElementById("choosejsfile").value,
                        true);//open里调用GET方法。
             xmlHttp.send("aaa=dd");            //a
             xmlHttp.send("paramTest");        //b
             xmlHttp.send("     ");                    //c
             xmlHttp.send(null);                      //d
             xmlHttp.send("");                         //e
             对于a、b、c、d、e五中send()函数,只有d和e会调用doGet方法,a、b、c三种方式均调用 doPost方法。
      二、当open()方法里指定的是POST,则对于以上5种send()函数,服务器均会调用doPost方法。
所以使用哪种方式提交是由open方法和send方法共同决定的。


这个问题其实是http请求的报文格式的问题

 

1、如果用GET,是没有报文体的,只有头部,数据应该在GET url?xxxxxxx

报头的末尾是两个CRLF,即GET的情况下,出来url本身是不能直接send数据的。

("url?参数"的大小限制是2048B),即GET的使用范围是小数据量的文本数据。

 

2、如果是POST,则可以把要POST的数据加到两个CRLF后。

此时常见有两种格式:

(1)、application/x-www-form-urlencoded

这个是把数据的name和value按照a=1&b=2的格式拼接成一个串,然后放在报文体中的。一般只能传递字符型数据。

(2)、multipart/form-data 使用一个特殊的【42位(我忘了,大概是)长的以10几个-开头和一组随机16进制数字+表示浏览器相关的数字表示】的分隔符,来分割报文体中的各个数据段,一般是name,然后两个CRLF,接着是二进制数据。服务器端上传组件就是直接按照这种方式来分割出数据和文件的。

考虑到这些情况就可以方便的模拟表单了。

 

(个人看法)综上,只有是POST方法时,才能传递URL+参数外的数据,XHR明显是考虑到了这一点。当send的数据存在时,自动使用POST。

0 请登录后投票
   发表时间:2008-07-31  
看到了kimmking的回帖,太感谢了。
因为我是初学,只会用穷举法列出所有的可能性 ,然后强记所有情况的结果
而你给我详细讲解了发生美中结果的原理,真是太感谢了,以后还要向你学习啊!
0 请登录后投票
   发表时间:2009-02-09  
那使用A标签传递参数(使用?,Get方式)和Form的Get方式有什么区别么?
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics