AJAX的阻塞及跨域名解析

2024-09-01 08:29:40

字體：大中小

來源：轉載

供稿：網友

阻塞的AJAX請求

　　我們先來證實一下請求的阻塞情況吧。我們使用如下的代碼：

連續發起三個請求

function simpleRequest()
{
var request = new XMLHttpRequest();
request.open("POST", "Script.ashx");
request.send(null);
}

function threeRequests()
{
simpleRequest();
simpleRequest();
simpleRequest();
}
當執行threeRequests時就會連續發出3個相同域名的請求，還是通過統計圖表來查看阻塞的效果，如圖：
點擊在新窗口中瀏覽此圖片

每個請求需要花費1.5秒的時間。很明顯，第三個請求必須等到第一個請求結束之后才能執行，因此總共需要進行3秒多鐘才能執行完畢。我們要改變的就是這個狀況。

傳統的跨域名異步請求解決方案

　　AJAX安全性的唯一保證，似乎就是對于跨域名（Cross-Domain）AJAX請求的限制。除非打開本地硬盤的網頁，或者在IE中將跨域名傳輸數據的限制打開，否則向其他域名發出AJAX請求都會被禁止。而且對于跨域名的判斷非常嚴格，不同的子域名，或者相同域名的不同端口，都會被認作是不同的域名，我們不能向它們的資源發出AJAX請求。

　　從表面上看起來似乎沒有辦法打破這個限制，還好我們有個救星，那就是iframe！

　　iframe雖然不在標準中出現，但是由于它實在有用，FireFox也“不得不”對它進行了支持（類似的還有innerHTML）。網上已經有一些跨域名發出異步請求的做法，但是它們實在做的不好。它們的簡單工作原理如下：在另一個域名下放置一個特定的頁面文件作為Proxy，主頁面將異步請求的信息通過Query String傳遞入iframe里的Proxy頁面，Proxy頁面在AJAX請求執行完畢后將結果放在自己location的hash中，而主頁面會對iframe的src的hash值進行輪詢，一旦發現它出現了改變，則通過hash值得到需要的信息。

　　這個方法的實現比較復雜，而且功能有限。在IE和FireFox中，對于URL的長度大約可以支持2000個左右的字符。對于普通的需求它可能已經足夠了，可惜如果真要傳遞大量的數據，這就遠遠不夠了。與我們一會兒要提出的解決方案相比，可能它唯一的優勢就是能夠跨任意域名進行異步請求，而我們的解決方案只能突破子域名的限制。

　　那么現在來看看我們的做法！

優雅地突破子域名的限制

　　我們突破子域名限制的關鍵還是在于iframe。

　　iframe是的好東西，我們能夠跨過子域名來訪問iframe里的頁面對象，例如window和DOM結構，包括調用JavaScript（通過window對象）——我們將內外頁面的document.domain設為相同就可以了。然后在不同子域名的頁面發起不同的請求，把結果通過JavaScript進行傳遞即可。唯一需要的也僅僅是一個簡單的靜態頁面作為Proxy而已。

上一篇：Baidu Musicbox 用到的ajax代碼

下一篇：xmlhttp 亂碼比較完整的解決方法 (UTF8,GB2312 編碼解碼)