最全原生AJAX请求步骤

以下代码为最全原生AJAX请求,包括了设置和获取请求头。

<script>

btn.onclick=function(){

    var xhr=new XMLHttpRequest();        //创建xhr对象--隶属XML

xhr.onreadystatechange=function(){  //事件监听请求执行到哪一步

   if(xhr.readyState===4){

       if(xhr.status===200){

  var header=xhr.getAllResponseHeaders();  //获得所有响应头

  doResponse(xhr); //响应成功调用处理响应数据函数

       }else{

          alert("响应异常");  //响应失败

       }

            }

};

xhr.open("get","1.php",true); //第一个参数请求方法（get/post）,要请求页面的地址(url),第三个参数设置是否异步,(true/false)

xhr.setRequestHeader("Content-Type","multipart/form-data/");//设置请求头，需要就设置，不需要可没有

xhr.send(null);   //参数为要传递的数据，可键值对的形式key=value，也可以是对象的形式｛key:value｝，没有则nul

function doResponse(xhr){

     console.log(xhr); //从xhr对象中获取响应数据，在这做相应处理

    }

}

</script>