ajax请求传递性别,ajax中的POST和GET传值

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、

跟是一样的，也就是说，method为get时action页面后边带的参数列表会被忽视；而跟是不一样的。

另外

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,*/*

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)”

以下为引用的内容：

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程序员站

}

}

}

–>

姓名：

年龄：

性别：

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

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

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

打开网站 取消

来自:

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

总结

以上是编程之家为你收集整理的ajax中的POST和GET传值全部内容，希望文章能够帮你解决ajax中的POST和GET传值所遇到的程序开发问题。

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。