ajax中的POST和GET传值

ajax中的POST和GET传值

转自：http://www.cnblogs.com/jtome/archive/2008/12/04/1347864.html

Ajax中我们经常用到get和post请求.那么什么时候用get请求,什么时候用post方式请求呢? 在做回答前我们首先要了解get和post的区别.

1、 get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。

2、 对于get方式，服务器端用Request.QueryString获取变量的值，对于post方式，服务器端用Request.Form获取提交的数据。两种方式的参数都可以用Request来获得。

3、get传送的数据量较小，不能大于2KB。post传送的数据量较大，一般被默认为不受限制。但理论上，因服务器的不同而异.

4、get安全性非常低，post安全性较高。

5、 <form method="get" action="a.asp?b=b">跟<form method="get" action="a.asp">是一样的，也就是说，method为get时action页面后边带的参数列表会被忽视；而<form method="post" action="a.asp?b=b">跟<form method="post" action="a.asp">是不一样的。

另外

Get请求有如下特性：它会将数据添加到URL中，通过这种方式传递到服务器，通常利用一个问号？代表URL地址的结尾与数据参数的开端，后面的参数每一个数据参数以“名称=值”的形式出现，参数与参数之间利用一个连接符&来区分。

Post请求有如下特性：数据是放在HTTP主体中的，其组织方式不只一种，有&连接方式，也有分割符方式，可隐藏参数，传递大批数据，比较方便。

通过以上的说明,现在我们大致了解了什么时候用get什么时候用post方式了吧,对!当我们在提交表单的时候我们通常用post方式,当我们要传送一个较大的数据文件时,需要用post。当传递的值只需用参数方式(这个值不大于2KB)的时候,用get方式即可。

现在我们再看看通过URL发送请求时，get方式和post方式的区别。用下面的例子可以很容易的看到同样的数据通过GET和POST来发送的区别, 发送的数据是 username=张三 :

GET 方式, 浏览器键入 http://localhost?username=张三

GET /?username=%E5%BC%A0%E4%B8%89 HTTP/1.1

Accept: image/gif, image/x-xbitmap, image/jpeg, image/pjpeg, application/vnd.ms-powerpoint, application/vnd.ms-excel, application/msword, */*

Accept-Language: zh-cn

Accept-Encoding: gzip, deflate

User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; .NET CLR 1.1.4322)

Host: localhost

Connection: Keep-Alive

POST 方式:

POST / HTTP/1.1

Accept: image/gif, image/x-xbitmap, image/jpeg, image/pjpeg, application/vnd.ms-powerpoint, application/vnd.ms-excel, application/msword, */*

Accept-Language: zh-cn

Content-Type: application/x-www-form-urlencoded

Accept-Encoding: gzip, deflate

User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; .NET CLR 1.1.4322)

Host: localhost

Content-Length: 28

Connection: Keep-Alive

username=%E5%BC%A0%E4%B8%89

区别就是一个在 URL 请求里面附带了表单参数和值, 一个是在 HTTP 请求的消息实体中。

比较一下上面的两段文字, 我们会发现 GET 方式把表单内容放在前面的请求头中, 而 POST 则把这些内容放在请求的主体中了, 同时 POST 中把请求的 Content-Type 头设置为 application/x-www-form-urlencoded. 而发送的正文都是一样的, 可以这样来构造一个表单提交正文:

encodeURIComponent(arg1)=encodeURIComponent(value1)&encodeURIComponent(arg2)=encodeURIComponent(value2)&.....

注: encodeURIComponent 返回一个包含了 charstring 内容的新的 String 对象（Unicode 格式）， 所有空格、标点、重音符号以及其他非 ASCII 字符都用 %xx 编码代替，其中 xx 等于表示该字符的十六进制数。 例如，空格返回的是 "%20" 。 字符的值大于 255 的用 %uxxxx 格式存储。参见 JavaScript 的 encodeURIComponent() 方法.

在了解了上面的内容后我们现在用ajax的XMLHttpRequest对象向服务器分别用GET和POST方式发送一些数据。

GET 方式

var postContent ="name=" + encodeURIComponent("xiaocheng") + "&email=" + encodeURIComponent("");

xmlhttp.open("GET", "somepage" + "?" + postContent, true);

xmlhttp.send(null);

POST 方式

var postContent ="name=" + encodeURIComponent("xiaocheng") + "&email=" + encodeURIComponent("");

xmlhttp.open("POST", "somepage", true);

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

//xmlhttp.setRequestHeader("Content-Type", "text/xml"); //如果发送的是一个xml文件

xmlhttp.send(postContent);

另外，POST传值，值的组织方式为

与get方法比较,post方法可传输大于2K的数据,在Ajax里的应用不同之处在于:”post方法的请求地址与传输的数据是放在两个对象里—-请求 地址放在open对象里,传输的数据放在send对象里；并且在传输数据之前定义一个传输文件HTTP头信息(setRequestHeader)”

以下为引用的内容：

转自：http://www.phperz.com/html/CSS_HTML/Ajax/20080317/031G15520081155.html

<SCRIPT LANGUAGE=”javascript”>

<!–

www.phperz.com

function saveUserInfo()

{

//获取接受返回信息层

var msg = document.getElementById(”msg”);

    //获取表单对象和用户信息值

var f = document.user_info;    

var userName = f.user_name.value;

var userAge = f.user_age.value;

var userSex = f.user_sex.value;

    //接收表单的URL地址

var url = “commit.php”;    

//需要POST的值，把每个变量都通过&来联接

var postStr = “name=”+ userName +”&age=”+ userAge +”&sex=”+ userSex;

    //实例化Ajax

var ajax = null;

if(window.XMLHttpRequest){

ajax = new XMLHttpRequest();

php程序员站

}

else if(window.ActiveXObject){

ajax = new ActiveXObject(”Microsoft.XMLHTTP”);

}

else{

return;

}

    //通过Post方式打开连接

ajax.open(”POST”, url, true); 

//定义传输的文件HTTP头信息

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

//发送POST数据

ajax.send(postStr);

    //返回数据的处理函数

ajax.onreadystatechange = function(){

if (ajax.readyState == 4 && ajax.status == 200){

msg.innerHTML = ajax.responseText;

php程序员站

}

}

}

 –>

</SCRIPT>

<form name=”user_info”>

姓名：<input type=”text” name=”user_name” /><br/>

年龄：<input type=”text” name=”user_age” /><br/>

性别：<input type=”text” name=”user_sex” /><br/>

<input type=”button” value=”提交表单” onClick=”saveUserInfo()”>

</form>

//构建一个接受返回信息的层:

<div id=”msg”></div>

这里的POST方法要自己组织POST值，所以有点不习惯（因为以前都是交给HTTP协议处理的）但是在网上查了一下原理就明白了：post是通过HTTPpost机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址

所以这就是说POST的实质就是把值放在header内发送，而这里就是把这个过程具体话（就是自己来实现，没有HTTP协议的帮忙啦）这里不就是把值自己组织，然后放到 setRequestHeader 的header之后嘛。呵呵这样一来就明白了，原来这就是原理了，看来，还是要明白所以然才行啊！

为了您的安全，请只打开来源可靠的网址

打开网站    取消

来自: http://hi.baidu.com/baihebeijixing/blog/item/f8de9da62b8ee39ed04358a1.html