利用Ajax跨域加载的内容是位于work.js8.in域名下的helloworld.txt。我们需要在主页面中设置document.domain为js8.in,然后主页面添加一个iframe,src为域名work.js8.in下的一个url,在iframe页面中同样设置document.domain为js8.in,同时iframe中需要添加Ajax的函数,例如引入jQuery.js。

一,自己的页面http://www.js8.in/mywork/crossdomain/index.html(域为www.js8.in)代码如下

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用document.domain+iframe实现Ajax跨子域</title>
</head>


 <body>
  <div ).innerHTML=data;
        });
  }
 </script>
 </body>
</html>

 

二:另外个域下的文件,也就是iframe中src的文件http://work.js8.in/crossdomain/iframe.html(域为work.js8.in),代码如下

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>用document.domain+iframe实现Ajax跨子域</title>  
 </head>
 <script type="text/javascript" src="../public/jquery1.4.js"></script>
 <script type="text/javascript">
  document.domain = 'js8.in';
 </script>
 <body>
 </body>
</html>

三:数据文件http://work.js8.in/crossdomain/helloworld.txt内容为

hello,world; From "work.js8.in";
点击之前与之后的结果如下
用document.domain完美解决Ajax跨子域 (转)

用document.domain完美解决Ajax跨子域 (转)

相关文章:

  • 2022-02-27
  • 2022-12-23
  • 2022-02-08
  • 2021-09-08
  • 2022-12-23
  • 2022-01-07
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-12-10
  • 2022-03-08
  • 2022-12-23
  • 2022-12-23
  • 2022-02-07
  • 2022-12-23
相关资源
相似解决方案