欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

AJAXjavascript的跨域訪問的執(zhí)行方法

本篇內(nèi)容主要講解“AJAX javascript的跨域訪問的執(zhí)行方法”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“AJAX javascript的跨域訪問的執(zhí)行方法”吧!

蘿北ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：13518219792（備注：SSL證書合作）期待與您的合作！

AJAX javascript的跨域訪問的執(zhí)行方法
突然感覺就是這里的問題，研究一下，搞定后其實(shí)覺得挺容易的，只是自己知識(shí)還是有些欠缺，解決方法如下：

阻塞的AJAX請(qǐng)求

我們先來證實(shí)一下請(qǐng)求的阻塞情況吧。我們使用如下的代碼：

連續(xù)發(fā)起三個(gè)請(qǐng)求 

復(fù)制代碼 代碼如下:


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


　　當(dāng)執(zhí)行threeRequests時(shí)就會(huì)連續(xù)發(fā)出3個(gè)相同域名的請(qǐng)求，還是通過統(tǒng)計(jì)圖表來查看阻塞的效果：
AJAX javascript的跨域訪問的執(zhí)行方法
最后的請(qǐng)求被前兩個(gè)請(qǐng)求阻塞 

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

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

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

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

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

那么現(xiàn)在來看看我們的做法！



優(yōu)雅地突破子域名的限制

我們突破子域名限制的關(guān)鍵還是在于iframe。

iframe是的好東西，我們能夠跨過子域名來訪問iframe里的頁面對(duì)象，例如 window和DOM結(jié)構(gòu)，包括調(diào)用JavaScript（通過window對(duì)象）——我們將內(nèi)外頁面的 document.domain設(shè)為相同就可以了。然后在不同子域名的頁面發(fā)起不同的請(qǐng)求，把結(jié)果通過JavaScript進(jìn)行傳遞即可。唯一需要的也僅 僅是一個(gè)簡單的靜態(tài)頁面作為Proxy而已。

我們現(xiàn)在就來開始編寫一個(gè)原形，雖然簡單，但是可以說明問題。

首先，我們先來編寫一個(gè)靜態(tài)頁面，作為放在iframe里的Proxy，如下：

SubDomainProxy.html 

復(fù)制代碼 代碼如下:


<html xmlns=“http://www.w3.org/1999/xhtml” > 
<head> 
   <title>Untitled Page</title> 
   <script type=“text/javascript” language=“javascript”> 
       document.domain = “test.com“;        function sendRequest(method, url) 
       { 
           var request = new XMLHttpRequest(); 
           request.open(method, url); 
           request.send(null); 
       } 
   </script> 
</head> 
<body> 
</body> 
</html> 





然后我們再編寫我們的主頁面：


http://www.test.com/Default.html 

復(fù)制代碼 代碼如下:


<html xmlns=“http://www.w3.org/1999/xhtml” > 
<head runat=“server”>  
   <title>Untitled Page</title>  
   <script type=“text/javascript” language=“javascript”>  
       document.domain = “test.com“;        function simpleRequest()  
       {  
           var request = new XMLHttpRequest();  
           request.open(”POST“, “Script.ashx“);  
           request.send(null);  
       } 
function crossSubDomainRequest()  
       {  
           var proxy = document.getElementById(”iframeProxy“).contentWindow;  
           proxy.sendRequest('POST', ‘http://sub0.test.com/Script.ashx‘);  
       } 
function threeRequests()  
       {  
           simpleRequest();  
           simpleRequest();  
           crossSubDomainRequest();  
       }  
   </script> 
</head> 
<body>  
   <input type=“button” value=“Request” onclick=“threeRequests()” />  
   <iframe src=“http://sub0.test.com/SubDomainProxy.html” style=“display:none;”  
       id=“iframeProxy”></iframe> 
</body> 
</html> 

 　　當(dāng)執(zhí)行threeRequests方法時(shí)，將會(huì)同時(shí)請(qǐng)求http://www.test.com以及http://sub0.test.com兩個(gè)不同域名下的資源。很明顯，最后一個(gè)請(qǐng)求已經(jīng)不會(huì)受到前兩個(gè)請(qǐng)求的阻塞了：
AJAX javascript的跨域訪問的執(zhí)行方法
不同域名的請(qǐng)求不會(huì)被阻塞

令人滿意的結(jié)果！

雖說只能突破子域名，但是這已經(jīng)足夠了，不是嗎？我們?yōu)槭裁匆獜?qiáng)求任意域名之間能夠異步通 訊呢？更何況我們的解決方案是多么的優(yōu)雅！在下一篇文章中，我們將會(huì)為ASP.NET AJAX客戶端實(shí)現(xiàn)一個(gè)完整的CrossSubDomainRequestExecutor，它會(huì)自動(dòng)判斷是否正在發(fā)出跨子域名的請(qǐng)求，并選擇AJAX請(qǐng) 求的方式。這樣，客戶端的異步通訊層就會(huì)對(duì)開發(fā)人員完全透明。世上還會(huì)有比這更令人愉快的事情嗎？:)

注意事項(xiàng)

可能以下幾點(diǎn)值得一提：

我在出現(xiàn)這個(gè)想法之后也作了一些嘗試，最后發(fā)現(xiàn)創(chuàng)建XMLHttpRequest對(duì)象，調(diào)用open方法和send方法都必須在iframe中的頁面中執(zhí)行才能夠在IE和FireFox中成功發(fā)送AJAX請(qǐng)求。

在上面的例子中，我們向子域名請(qǐng)求的的路徑是http://sub0.test.com/Script.ashx。請(qǐng)注意，完整的子域名不可以省略，否則在FireFox下就會(huì)出現(xiàn)權(quán)限不夠的錯(cuò)誤，在調(diào)用open方法時(shí)就會(huì)拋出異?！坪鮂ireFox把它當(dāng)作了父頁面域名的資源了。
因?yàn)闉g覽器的安全策略，瀏覽器不允許不同域(比如：phinest.org和lab.phinest.org)、不同協(xié)議(比如: http://phinest.org和https://phinest.org)、不同端口(比如:http: phinest.org和http://phinest.org:8080)下的頁面通過XMLHTTPRequest相互訪問，這個(gè)問題同樣影響著不同頁面的Javascript的相互調(diào)用和控制，但是當(dāng)主域、協(xié)議、端口相同時(shí)，通過設(shè)置頁面的document.domain主域， Javascript可以在不同的子域名間訪問控制，比如通過設(shè)置document.domain='phinest.org'，http: //phinest.org和http://lab.phinest.org頁面可互訪，這個(gè)特性也提供了此情況下不同子域名下的 XMLHTTPRequest相互訪問的解決方案。
對(duì)于主域、協(xié)議、端口相同時(shí)的Ajax跨域問題，很早就有設(shè)置document.domain來解決的說法，但一直沒有看到具體的成功應(yīng)用，這次嘗試了一下，其原理就是，利用一個(gè)隱藏的iframe引入所跨另一子域的頁面作為代理，通過Javascript來控制iframe引入的另一子域的 XMLHTTPRequest來進(jìn)行數(shù)據(jù)獲取。對(duì)于不同主域/不同協(xié)議/不同端口下的Ajax訪問需要通過后臺(tái)的代理來實(shí)現(xiàn)。

到此，相信大家對(duì)“AJAX javascript的跨域訪問的執(zhí)行方法”有了更深的了解，不妨來實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

本文標(biāo)題：AJAXjavascript的跨域訪問的執(zhí)行方法
URL網(wǎng)址：http://chinadenli.net/article10/geddgo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、手機(jī)網(wǎng)站建設(shè)、搜索引擎優(yōu)化、全網(wǎng)營銷推廣、外貿(mào)建站、關(guān)鍵詞優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

微信小程序開發(fā)