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