Ajax请求中get与post的区别

一、 Get方式：
.txt：静态文件 .php：动态文件

<script src="JSON.js"></script>
<script src="ajax.js"></script>
<script>
var Btn=document.getElementById("btn");
Btn.onclick=function(){
ajax('get','get.php?username=ren&age=25','',function(data){
alert(data);
});
}
</script>

对于get方式， IE浏览器存在2个问题：
1. 缓存问题 :在地址的后面连接一个随机数或者时间戳
当地址： ‘get.php?username=ren&age=25’被访问了一次，该地址就会缓存在浏览器中，下次访问时，获取到的是缓存里的内容，后台该地址中的内容改变时，获取的内容不会自动更新，除非清除IE浏览器的缓存再重新获取。
解决办法：
在地址：’get.php?username=ren&age=25’的后面连接一个随机数或者时间戳(ms)，使每次访问都产生不同的地址。
如：
时间戳方式：’get.php?username=ren&age=25&’ + new Date().getTime()
2. 传递中文数据，产生乱码问题：编码, encodeURI()
当地址为：‘get.php?username=刘雨&age=25’
IE浏览器的输出为：乱码。
解决方法：编码 encodeURI()
‘get.php?username=’ + encodeURI(‘刘伟’) + ’&age=25&’+ new Date().getTime();
3.GET方式对传输的数据有大小的限制（通常不能大于2K,2048个字符）
二、 post方式：
post方式数据放在send()函数中作为参数传递；
post.php：动态文件

<script src="JSON.js"></script>
<script src="ajax.js"></script>
<script>
var  Btn=document.getElementById("btn");
Btn.onclick=function(){
ajax('post','post.php’,’username=ren&age=25','',function(data){
alert(data);
});
}
</script>

对于get方式，所有浏览器都存在的问题：
1. post无缓存问题，因为post是往服务器提交数据的，不会有缓存问题；而get是获取数据，会有缓存问题，这与ajax无关，是浏览器机制的问题。
2. 如果在send(‘username=ren&age=25’)之前，不声明发送的数据类型，服务器是收不到send()传递来的数据的。
xhr.setRequestHeader("content-type","application/x-www-form-urlencoded");
//声明发送的数据类型，经过url编码的数据格式
send(’username=刘雨&age=25');//可正常收到，因为声明了自动编码的数据格式，对于中文就无需再编码了。
3.使用post方式传递的数据量要比GET方式大得多，理论上不受限制。