以下代碼爲最全原生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>