发送ajax步骤

一、建立异步对象  通常命名为xhr

    var xhr = new XMLHttpRequest();

 

二、 设置请求行 open(请求方式，请求url)

 

  1.get 须要在url后面拼接参数(若是有参数)

  2.post请求不须要拼接参数

  xhr.open("post","validate.php");

 

三、设置请求头:setRequestHeader()

 

  1.get不须要设置

  2.post须要设置请求头：Content-Type:application/x-www-form-urlencoded

     xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");.

   若是没有设置，参数没法正确的传递到服务器(本质上说，若是没有参数，也不必定须要设置，不会影响请求的发送)

四、 设置请求体 send()

 

  1.get的参数在url拼接了，因此不须要在这个函数中设置

  2.post的参数在这个函数中设置(若是有参数)

  xhr.send("username="+name);

五、让异步对象接收服务器的响应数据

 

    一个成功的响应有两个条件：1.服务器成功响应了 2.异步对象的响应状态为4(数据解析完毕能够使用了)

   当异步对象的响应状态发生改变的时候，会触发一个事件：onreadystatechange

   xhr.onreadystatechange = function(){

   判断服务器是否响应 判断异步对象的响应状态

   if(xhr.status == 200 && xhr.readyState == 4){

　　 //当返回的是xml格式的数据时： console.log(responseXML)

　　 //当返回的是其余格式的数据时：console.log(responseText)

   }

 

 

服务器响应状态码：

  200： 访问的数据已经获取到了

  404： 服务器端访问不到客户端请求的数据

  500：服务器出错了

  302： 重定向