Ajax跨子域

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

<code>&lt;</code><code>button</code> <code>onclick="crossDomain();"&gt;開始跨域&lt;/</code><code>button</code><code>&gt;</code>

<code>&lt;</code><code>div</code> <code>id="ajax"&gt;&lt;/</code><code>div</code><code>&gt;</code>

<code>&lt;</code><code>iframe</code> <code>src="http://work.2fool.cn/crossdomain/iframe.html" id="iframe" style="display:none;"&gt;</code>

<code>&lt;/</code><code>iframe</code><code>&gt;</code>

<code>&lt;</code><code>script</code> <code>type="text/javascript"&gt;</code>

<code>document.domain = '2fool.cn';</code>

<code>function crossDomain(){</code>

<code>    </code><code>var iframe=document.getElementById('iframe').contentWindow.$;       </code>

<code>    </code><code>iframe.get("http://work.2fool.cn/crossdomain/helloworld.txt",function(data){</code>

<code>        </code><code>document.getElementById("ajax").innerHTML=data;</code>

<code>    </code><code>});</code>

<code>}</code>

<code>&lt;/</code><code>script</code><code>&gt;</code>

iframe頁面主要代碼如下：

<code>&lt;</code><code>script</code> <code>type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/</code><code>script</code><code>&gt;</code>

<code>&lt;/</code><code>script</code><code>&gt; </code>

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

本文轉自王磊的部落格部落格園部落格，原文連結：http://www.cnblogs.com/vipstone/archive/2011/08/16/2140623.html，如需轉載請自行聯系原作者