主頁index.html的主要代碼如下：

<button οnclick="crossDomain();">開始跨域</button> <div id="ajax"></div> <iframe src="http://work.2fool.cn/crossdomain/iframe.html" id="iframe" style="display:none;"> </iframe> <script type="text/javascript"> document.domain = '2fool.cn'; function crossDomain(){var iframe=document.getElementById('iframe').contentWindow.$; iframe.get("http://work.2fool.cn/crossdomain/helloworld.txt",function(data){document.getElementById("ajax").innerHTML=data;}); } </script>

iframe頁面主要代碼如下：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> document.domain = '2fool.cn'; </script>?

原理：通過給主頁面跟請求頁面設置相同的document.domain來，欺騙瀏覽器，達到Ajax跨子域的效果，此方法在IE，chrome，Firefox，Safari，Opera下測試通過。

缺點：無法實現不同主域名之間的通訊。并且當在一個頁面中還包含有其它的iframe時，會產生安全性異常，拒絕訪問。

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的Ajax跨子域的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。