久久青草91免费观看,国产成人精品免费

三種方法實現(xiàn)js跨域訪問

quasiceo >《待分類1》

2014.05.15

關(guān)注

三種方法實現(xiàn)js跨域訪問

博客分類：

web前端

javascript html jsonp 腳本

javascript跨域訪問是web開發(fā)者經(jīng)常遇到的問題，什么是跨域，一個域上加載的腳本獲取或操作另一個域上的文檔屬性，下面將列出三種實現(xiàn)javascript跨域方法:

1.基于iframe實現(xiàn)跨域

基于iframe實現(xiàn)的跨域要求兩個域具有aa.xx.com,bb.xx.com這種特點，也就是兩個頁面必須屬于一個基礎(chǔ)域（例如都是xxx.com，或是xxx.com.cn），使用同一協(xié)議（例如都是 http）和同一端口（例如都是80），這樣在兩個頁面中同時添加document.domain，就可以實現(xiàn)父頁面調(diào)用子頁面的函數(shù)，代碼如下：
頁面一：

Html代碼

<html>
<head>
<script>
document.domain = "xx.com";
function aa(){
alert("p");
}
</script>
</head>
<body>
<iframe src="http://localhost:8080/CmsUI/2.html" id="i">
</iframe>
<script>
document.getElementById('i').onload = function(){
var d = document.getElementById('i').contentWindow;
d.a();
};
</script>
</body>
</html>

頁面二：

Html代碼

<html>
<head>
<script>
document.domain = "xx.com";
function a(){
alert("c");
}
</script>
</head>
<body>
</body>
</html>

這時候父頁面就可以調(diào)用子頁面的a函數(shù)，實現(xiàn)js跨域訪問

2.基于script標(biāo)簽實現(xiàn)跨域

script標(biāo)簽本身就可以訪問其它域的資源，不受瀏覽器同源策略的限制，可以通過在頁面動態(tài)創(chuàng)建script標(biāo)簽，代碼如下：

Java代碼

var script = document.createElement('script');
script.src = "http://aa.xx.com/js/*.js";
document.body.appendChild(script);

這樣通過動態(tài)創(chuàng)建script標(biāo)簽就可以加載其它域的js文件，然后通過本頁面就可以調(diào)用加載后js文件的函數(shù)，這樣做的缺陷就是不能加載其它域的文檔，只能是js文件，jsonp便是通過這種方式實現(xiàn)的，jsonp通過向其它域傳入一個callback參數(shù)，通過其他域的后臺將callback參數(shù)值和json串包裝成javascript函數(shù)返回，因為是通過script標(biāo)簽發(fā)出的請求，瀏覽器會將返回來的字符串按照javascript進(jìn)行解析執(zhí)行，實現(xiàn)了域與域之間的數(shù)據(jù)傳輸。
jquery中對jsonp的支持也是基于此方案。

3.后臺代理方式

這種方式可以解決所有跨域問題，也就是將后臺作為代理，每次對其它域的請求轉(zhuǎn)交給本域的后臺，本域的后臺通過模擬http請求去訪問其它域，再將返回的結(jié)果返回給前臺，這樣做的好處是，無論訪問的是文檔，還是js文件都可以實現(xiàn)跨域。

本站僅提供存儲服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請點擊舉報。

打開APP，閱讀全文并永久保存查看更多類似文章

js與php數(shù)據(jù)交互,無刷新上傳及顯示,跨域傳參

jQuery OCUpload一鍵上傳插件

掛馬

【轉(zhuǎn)】瀏覽器的加載與頁面性能優(yōu)化

CSP淺析與繞過

iframe中子頁和父頁面如何傳值

更多類似文章 >>

免费视频淫片aa毛片_日韩高清在线亚洲专区vr_日韩大片免费观看视频播放_亚洲欧美国产精品完整版

三種方法實現(xiàn)js跨域訪問