以下代码为最全原生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>