Ajax请求中get与post的区别

一、 Get方式：

.txt：静态文件                                      .php：动态文件

<script src="JSON.js"></script>
<script src="ajax.js"></script>
<script>
    var Btn=document.getElementById("btn");
          Btn.οnclick=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.οnclick=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方式大得多，理论上不受限制。