AJAX：HTTP头部信息

Posted 2020-10-27 Zina

每个http请求和响应都会带有相应都头部信息，其中有的对开发人员有用，有的页没有什么用
默认情况下，发送xhr请求的同时，还有发送下列头部信息

Accept:浏览器能够处理的内容类型
Accept-Charset:浏览器能够显示的字符集
Accept-Encoding:浏览器能够处理的压缩编码
Accept-Language:浏览器当前设置的语言
Connection:浏览器与服务器之间连接的类型
Cookie:当前页面设置的任何cookie
Referer:发送请求的页面的uri
User-Agent:浏览器的用户代理字符串

以上列出的基本上是所有浏览器都会发送都会发送

 

设置自定义的请求头部信息用setRequestHead()方法,接收两个参数：头部字段的名称和头部字段的值
eg:

var xhr = createXHR(); 
xhr.onreadystatechange = function(){ 
    if(xhr.readyState == 4){ 
        if((xhr.status >=200 && xhr.status < 300 ) || xhr.status == 304 ){ 
            alert(xhr.responseText); 
        }else{ 
            alert("Request was unsuccessful : " + xhr.status); 
        } 
    } 
}

//读取example文本 
xhr.open("get","example.txt",true); 
xhr.setRequestHead(‘MyHead‘, ‘MyValue‘);
xhr.send(null);    

要成功发送请求头部信息，必须在调用open()方法之后且调用send()方法之前调用setRequestHeader()。

 

获取头部信息

getResponseHeader()方法传入头部字段名称，可以取得相应的头部信息
getAllResponseHeader()方法取得所有头部信息的长字符串

在服务器端，也可以利用头部信息向浏览器发送额外的，结构化的数据