ajax

GET方式传送数据量小，处理效率高，安全性低，会被缓存，而POST反之

1.创建ajax对象

var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

 

因此，需要传送大量数据能成为我们在GET和POST之间犹豫不决的理由吗？这两个方法都是为不同的目的而设计的，

两者的不同也在于其使用目的。这一说法不仅适用于GET和POST的使用，也适用于其他的方法。

　　GET的目的就如同其名字一样是用于获取信息的。它旨在显示出页面上你要阅读的信息。浏览器会缓冲GET请求的执行结果，

如果同样的GET请求再次发出，浏览器就会显示缓冲的结果而不是重新运行整个请求。这一流程不同于浏览器的处理过程，但是

它是有意设计成这样以使GET调用更有效率。GET调用会检索要显示在页面中的数据，数据不会在服务器上被更改，因此重新请

求相同数据的时候会得到相同的结果。

　　POST方法应该用于你需要更新服务器信息的地方。如某调用要更改保存在服务器上的数据，而从两个同样的POST调用返回

的结果或许会完全不同，因为第二个POST调用的值与第一个的值不相同，这是由于第一个调用已经更新了其中一些值。POST调

用通常会从服务器上获取响应而不是保持前一个响应的缓冲。

　　因此，不要用数据的量来决定是要选择GET还是POST，而应该按照目的在两者间作出选择。如果调用是要检索服务器上的数

据则使用GET。如果要检索的值会随时间和更新进程的改变而改变则要在GET调用中添加一个当前时间参数，这样后面的调用才不

会使用先前的不正确的缓冲。如果调用是向服务器上发送任意数据，就可以使用POST。

 GET请求

 

function btn_get_click() {  
    var xmlHttp = window.XMLHttpRequest ?   
        new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");  
  
    var username = document.getElementById("txt_username").value;  
    var age = document.getElementById("txt_age").value;  
  
    //添加参数,以求每次访问不同的url,以避免缓存问题  
    xmlHttp.open("get", "Server.aspx?username=" + encodeURIComponent(username)  
        + "&age=" + encodeURIComponent(age) + "&random=" + Math.random());  
  
    xmlHttp.onreadystatechange = function () {  
        if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {  
            document.getElementById("result").innerHTML = xmlHttp.responseText;  
        }  
    }  
  
    //发送请求,参数为null  
    xmlHttp.send(null);  
}  

 

 

POST请求

function btn_post_click() {  
    var xmlHttp = window.XMLHttpRequest ?  
        new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");  
  
    var username = document.getElementById("txt_username").value;  
    var age = document.getElementById("txt_age").value;  
              
    var data = "username=" + encodeURIComponent(username)  
        + "&age=" + encodeURIComponent(age);  
  
    //不用担心缓存问题  
    xmlHttp.open("post", "Server.aspx", true);  
  
    //必须设置,否则服务器端收不到参数  
    xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");  
  
    xmlHttp.onreadystatechange = function () {  
        if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {  
            document.getElementById("result").innerHTML = xmlHttp.responseText;  
        }  
    }  
  
    //发送请求,要data数据  
    xmlHttp.send(data);  
}  
 

 

 

此处,我们发现了get请求和post请求在服务器端的区别:

在客户端使用get请求时,服务器端使用Request.QueryString来获取参数,而客户端使用post请求时,服务器端使用Request.Form

来获取参数.

关于服务器端获取数据,我们还可以使用一个通用的获取参数的方式即Request["username"],但是此方法存在一个问题,我们随

后来讲.

下面,我们使用HttpWatch来看下,当使用get和post方式发送请求时,客户端究竟发送了什么,收到了什么.

对于get请求和post请求中的时间差,请不要在意,因为是在不同时间按下的get按钮和post按钮.

　　事实上，我们不应该不仅仅只将这个标准作为选择怎样使用GET和POST调用的标准，在处理页面处理形

式的时候也可以将它作为取舍这两个调用的标准。