1. 程式人生 > >最全原生AJAX請求步驟

最全原生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>