Ajax原生四大步骤

1、首先创建一个js文件夹名为common.js、创建一个createXhr()的函数、在此方法中创建异步对象XMLHttpRequest，后面使用的时候直接引入common.js文件，然后进行调用就行了。 

function createXhr(){
  var xhr=null;
  if(window.XMLHttpRequest){//判断浏览器是否支持标准创建
    xhr=new XMLHttpRequest();//如果支持返回一个xhr对象
  }else{
      //如果不支持标准创建，返回一个ie8以下的异步对象
      xhr=new ActiveXObject('Microsoft.XMLHttp')
  }        
  return xhr;
}

2、绑定监听事件

xhr.onreadystatechange=function(){
    if(xhr.readyState==4&&xhr.Status==200){
        var result=xhr.responseText;
    }
}

3、创建请求，打开链接

xhr.open(get,url,true);//设置请求方式和请求路径
//post方式要设置请求头
xhr.setRequestHeader("content-type", "application/x-www-form-urlencoded")

4、发送请求

xhr.send(body);

 

createXhr