最全原生AJAX請求步驟
阿新 • • 發佈:2019-01-04
以下程式碼為最全原生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>