天天看点

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,如需转载请自行联系原作者

继续阅读