javascript之Ajax获取和设置标头

XMLHttpRequest对象中与标头有关的方法：

setRequestHeader(<header>,<value>)——用指定值设置标头；

getResponseHeader(<header>)——获取指定标头的值;

getAllResponseHeaders()——以单个字符串形式获取所有标头；

覆盖请求的HTTP方法，如下代码：可规避防火墙只允许GET和POST请求通过的限制；

httpRequest.setRequestHeader("X-HTTP-Method-Override","DELETE");禁用内容缓存：

httpRequest.setRequestHeader("Cache-Control","no-cache");<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><title>上海远地资产管理有限公司</title><meta name="author" content="jason"/><meta name="description" content="上海远地资产管理有限公司（简称：远地资产），是一家专业的互联网金融服务平台."/><link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/><style type="text/css">#allheaders,#ctheader{border: medium solid black;padding: 2px;margin: 2px;}</style></head><body><div><button>Apples</button><button>Cherries</button><button>Bananas</button></div><div id="ctheader"></div><div id="allheaders"></div><div id="target">加载内容</div></table><script>var buttons=document.getElementsByTagName("button");for(var i=0;i<buttons.length;i++){buttons[i].onclick=handleButtonPress;}var httpRequest;function handleButtonPress(e){httpRequest=new XMLHttpRequest();httpRequest.onreadystatechange=handleResponse;httpRequest.open("GET", e.target.innerHTML+".html");//规避防火墙的限制，，使用X-HTTP-Method-Override标头来指定想要的HTTP方法，但形式上市再发送一个POST请求//httpRequest.setRequestHeader("X-HTTP-Method-Override","DELETE");//禁用内容缓存//httpRequest.setRequestHeader("Cache-Control","no-cache");httpRequest.send();}function handleResponse(){if(httpRequest.readyState==2){document.getElementById("allheaders").innerHTML=httpRequest.getAllResponseHeaders();document.getElementById("ctheader").innerHTML=httpRequest.getResponseHeader("Content-Type");}else if(httpRequest.readyState==4 && httpRequest.status==200){document.getElementById("target").innerHTML= httpRequest.responseText;}}</script><pre name="code" class="html"></body></html>

问候不一定要慎重其事，但一定要真诚感人

相关文章：

你感兴趣的文章：

标签云：