JavaScript进行GET和POST请求

来源:互联网 发布:淘宝小视频制作 编辑:程序博客网 时间:2024/05/17 07:02

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

GET请求:

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

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

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

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

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


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



1Function addURLParam(sURL, sParamName, sParamName){
2 
3         sURL += (sURL.indexOf(“?”) == -1 ? “?” : “&”);
4 
5         sURL += encodeURIComponent(sParamName) + “=” + encodeURIComponent(sParamName);
6 
7         return sURL;
8 
9}

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




POST请求:

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

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

1Function addPostParam(sParams, sParamName, sParamValue){
2 
3         if(sParams.length>0){sParams += “&”};
4 
5         return sParams +encodeURIComponent(sParamName) + “=”
6 
7          + encodeURIComponent(sParamName);
8 
9}


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



1var sParams = ‘ ‘;
2 
3sParams = addPostParam();
4 
5oRequest.open(“post”, “page.php”, false);
6 
7sRequest.setRequestHeader(“Content-Type”, “application/x-www-form-urlencoded”);
8 
9sRequest.send(sParams);

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

FORM中的get post方法区别

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

文章来源:TechNote

0 0
原创粉丝点击