AJAX javascript的跨域訪問執(zhí)行

2024-09-01 08:29:37

字體：大中小

供稿：網(wǎng)友

突然感覺就是這里的問題，研究一下，搞定后其實覺得挺容易的，只是自己知識還是有些欠缺，解決方法如下：

阻塞的AJAX請求

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

連續(xù)發(fā)起三個請求
代碼如下:
function simpleRequest()
{
   var request = new XMLHttpRequest();
    request.open(”POST“, “Script.ashx“);
    request.send(null);
}
function threeRequests()
{
    simpleRequest();
    simpleRequest();
    simpleRequest();
}

　　當(dāng)執(zhí)行threeRequests時就會連續(xù)發(fā)出3個相同域名的請求，還是通過統(tǒng)計圖表來查看阻塞的效果：

最后的請求被前兩個請求阻塞

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

傳統(tǒng)的跨域名異步請求解決方案
　　AJAX安全性的唯一保證，似乎就是對于跨域名（Cross-Domain）AJAX請求的限制。除非打開本地硬盤的網(wǎng)頁，或者在IE中將跨域名傳輸數(shù)據(jù)的限制打開，否則向其他域名發(fā)出AJAX請求都會被禁止。而且對于跨域名的判斷非常嚴(yán)格，不同的子域名，或者相同域名的不同端口，都會被認(rèn)作是不同的域名，我們不能向它們的資源發(fā)出AJAX請求。

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

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

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

上一篇：ajax+asp無限級分類樹型結(jié)構(gòu)的代碼

下一篇：Ajax的小貼士使用小結(jié)