提醒：本文最後更新於 3750 天前，文中所描述的資訊可能已發生改變，請謹慎使用。

在Ajax程式設計時，經常需要從服務端獲取資料。通常情況下，我們是直接把要傳輸的資料放在response正文中，再用responseText或者responseXML來得到內容。最近偶然發現，有時候也可以把資料放在header裡，而且一些情況下這樣做更有優勢。

header是伺服器以HTTP協議傳送HTML資料到瀏覽器前所送出的字串，在php中我們可以這麼傳送自定義header：

header("author:Jerry Qu");

然後在客戶端，正常的建立一個Ajax請求，所不同的地方是callback中獲取資料改成：

var a = new Ajax();
a.get("test.php",function(){
    alert(a.req.getResponseHeader("author"));
});

這樣就能取到author的值了。

Javascript中跟response header有關的就兩個方法：

getResponseHeader 從響應資訊中獲取指定的http頭 語法 strValue = oXMLHttpRequest.getResponseHeader(bstrHeader);

getAllResponseHeaders 獲取響應的所有http頭 語法 strValue = oXMLHttpRequest.getAllResponseHeaders();

通過header可以傳多少資料呢？我測試了一下，在firefox中如果超過10232個英文字元，客戶端就取不到資料了，IE中測試了100W個字元依然可以，所以基本還是夠用的。另外，我也測試過一次傳送1000個自定義header，IE和FF中都能正常取到值。如果你想得到http header的更多資訊，建議閱讀這篇文件。

這樣做的優點呢？通常如果用Ajax來post資料，服務端返回json格式字串的情況下，在瀏覽器中輸入request的地址，使用者就會看到那堆奇怪的程式碼。在頁面丟失js時這種現象很常見。但是把返回資料放在header裡就不會有這個問題，反正header不會展示出來。正文裡可以隨意的放些什麼內容，哪怕是放一段自動轉向JS也沒關係，這樣使用者體驗要稍好一些。

--EOF--

發表於 2008-10-05 00:12:13 ，並被新增「 Ajax 、 Header 」標籤 。檢視本文 Markdown 版本 »

提醒：本文最後更新於 3750 天前，文中所描述的資訊可能已發生改變，請謹慎使用。