JavaScript进行GET和POST请求

JavaScript进行GET和POST请求

Web上最常见的请求就是GET请求.每次在浏览器中输入URL并打开也米纳市,就是在向服务器发送一个GET请求.

GET请求：

GET请求的参数使用问号追加到URL的结尾,后米纳给这用&好连接起来的名称/值.例如:

http://www.somewhere.com/page.php?name1=value1&name2=value2&name3=value3

每个名称和值都是在编码后才能用在URL中（在javaScript中可以用encodeURIComponent()进行编码）。URL最大长度为2048字符（2KB）。问好后米纳的内容成为查询字符串，这些参数可以在服务器端的页面中读取。

要用XMLHTTP请求对象发送一个GET请求。只需将URL（包含所有的参数）传入open()方法。同时第一个参数段设为”get”:

oRequest.open(“get”, “http://www.somewhere.com/page.php?name=value”, false);

因为参数必须逐家到URL的末尾，所以最好用一个函数来处理此细节：

Function addURLParam(sURL, sParamName, sParamName){

         sURL += (sURL.indexOf(“?”) == -1 ? “?” : “&”);

         sURL += encodeURIComponent(sParamName) + “=” + encodeURIComponent(sParamName);

         return sURL;

}

三个参数分别为：要添加的URL，参数名称和参数值。

POST请求：

POST请求通常用于提交数据，比GET请求可以发送更多的数据（大约2GB）。

构造POST的请求参数的函数：

Function addPostParam(sParams, sParamName, sParamValue){

         if(sParams.length>0){sParams += “&”};

         return sParams +encodeURIComponent(sParamName) + “=”

          + encodeURIComponent(sParamName);

}

接下来为了能使POST请求的服务器端页面正确的解释有此函数构造的参数字符串，需要将POST请求首部“Content-Type”设置为“application/x-www-urlencoded”，所以需要使用setRequestHeader()方法设置这个首部：

var sParams = ‘ ‘;

sParams = addPostParam();

oRequest.open(“post”, “page.php”, false);

sRequest.setRequestHeader(“Content-Type”, “application/x-www-form-urlencoded”);

sRequest.send(sParams);

现在这个例子就可以像由浏览器中提交表单一样正常工作了。

 

FORM中的get post方法区别

Form中的get和post方法，在数据传输过程中分别对应了HTTP协议中的GET和POST方法。二者主要区别如下：
1、Get是用来从服务器上获得数据，而Post是用来向服务器上传递数据。
2、 Get将表单中数据的按照variable=value的形式，添加到action所指向的URL后面，并且两者使用“?”连接，而各个变量之间使用 “&”连接；Post是将表单中的数据放在form的数据体中，按照变量和值相对应的方式，传递到action所指向URL。
3、 Get是不安全的，因为在传输过程，数据被放在请求的URL中，而如今现有的很多服务器、代理服务器或者用户代理都会将请求URL记录到日志文件中，然后 放在某个地方，这样就可能会有一些隐私的信息被第三方看到。另外，用户也可以在浏览器上直接看到提交的数据，一些系统内部消息将会一同显示在用户面前。 Post的所有操作对用户来说都是不可见的。
4、Get传输的数据量小，这主要是因为受URL长度限制；而Post可以传输大量的数据，所以在上传文件只能使用Post（当然还有一个原因，将在后面的提到）。
5、Get限制Form表单的数据集的值必须为ASCII字符；而Post支持整个ISO10646字符集。
6、Get是Form的默认方法。