javascript之Ajax擷取和設定標題

最後更新：2015-07-23 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：htm5 前端網頁設計 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>

著作權聲明：本文為博主原創文章，未經博主允許不得轉載。

javascript之Ajax擷取和設定標題

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More