最全原生AJAX请求步骤

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

<script>

btn.οnclick=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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章