Ajax中发送请求--方法和属性介绍

Ajax中get和post是XMLHttpRequest对象的open（method，url，asynch）中的属性

这个open方法是容许程序员用一个Ajax调用向服务器发送 请求。

method：请求类型，相似“GET”或“POSt”的字符串。若只想从服务器检索一个文件，而不须要发送任何数据，使用GET（能够在GET请求里经过附加在URL上的查询字符串来发送数据，不过数据大小限制为2000个字符）。若须要向服务器发送数据，用POSET。

在某些状况下，有些浏览器会把多个XMLHttpRequest请求的结果缓存在同一个URL。若是对每一个请求的响应不一样，这就会带来很差的结果。把当前时间戳追加到URL的最后，就能确保URL的唯一性，从而避免浏览器缓存结果。
如：var url="GetAndPostExample?timeStamp="+newDate().getTime();

url：路径字符串，指向你所请求的服务器上的那个文件。能够是绝对路径或相对路径。

asynch：表示请求是否要异步传输，默认值为true(异步)。指定true，在读取后面的脚本以前，不须要等待服务器的相应。指定false，当脚本处理过程通过这点时，会停下来，一直等到Ajax请求执行完毕再继续执行。

send（data）：

open 方法定义了 Ajax 请求的一些细节。send 方法可为已经待命的请求发送指令
data：将要传递给服务器的字符串。
若选用的是 GET 请求，则不会发送任何数据， 给 send 方法传递 null 便可：request.send(null);
当向send()方法提供参数时，要确保open()中指定的方法是POST，若是没有数据做为请求体的一部分发送，则使用null.
完整的Ajax的GET请求示例

//指定响应处理函数
xmlHttpReq.onreadystatechange=function(){
    alert(xmlHttpReq.readyState+"  "+xmlHttpReq.status);
};
//创建对服务器的调用
xmlHttpReq.open("get","../registerServlet.do?username="+usernameValue,true);
//发送指令
xmlHttpReq.send(null);

使用get请求时send方法参数时null,若是传值的话，服务器也接受不到

当浏览器向服务器请求页面时，它会伴随这个请求发送一组首部信息。这些首部信息是一系列描述请求的元数据(metadata)。首部信息用来声明一个请求是 GET 仍是 POST。
Ajax 请求中，发送首部信息的工做能够由 setRequestHeader完成
参数header： 首部的名字;  参数value：首部的值。
若是用 POST 请求向服务器发送数据，须要将 “Content-type” 的首部设置为 “application/x-www-form-urlencoded”.它会告知服务器正在发送数据，而且数据已经符合URL编码了。
该方法必须在open()以后才能调用
完整的 Ajax 的 POST 请求示例：

//指定响应处理函数
xmlHttpReq.onreadystatuchange=function(){
  alert(xmlHttpReq.readyState+""+xmlHttpReq.status);  
};
//创建对服务器的调用
xmlHttpReq.open("post","../reqisterServlet.do",true);
xmlHttpReq.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//发送指令
xmlHttpReq.send("username="+usernameValue+"&psw=000000")

接收--方法和属性介绍

responseText

XMLHttpRequest 的 responseText 属性包含了从服务器发送的数据。它是一个HTML,XML或普通文本，这取决于服务器发送的内容。当 readyState 属性值变成 4 时, responseText 属性才可用，代表 Ajax 请求已经结束

//指定响应处理函数
xmlHttpReq.onreadystatechange=function(){
  //对象状态 4表示完成
    if(xmlHttpReq.readyState==4){
        //信息已成功返回200 没有被修改304
        if(xmlHttpReq.status==200||xmlHttpReq.status==304){
            //开始处理信息
            alert(xmlHttpReq.responseText);
        }
    } 
};

XMLHttpRequest初始化

function   createXmlHttpRequest(){    var xmlHttp;    try{    //Firefox, Opera 8.0+, Safari            xmlHttp=new XMLHttpRequest();     }catch (e){            try{    //Internet Explorer                   xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");             }catch (e){                   try{                           xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");                   }catch (e){}            }     }    return xmlHttp;  }