本文实例讲述了php ajax跨子域的解决方案之document.domain+iframe。分享给大家供大家参考，具体如下：
对于主域相同，子域不同，我们可以设置相同的document.domain来欺骗浏览器，达到跨子域的效果。
例如：我们有两个域名：www.a.com 和 img.a.com
在www.a.com下有a.html
在img.a.com下有img.json和imguncle怎么读.html这两个文件。
img.json就是一些我们要获取的互联网舆情分析报告数据：
[ { "name" : "img1", "url" : "/d/file/titlepic/img1.jpg" }, { "name" : "img2", "url" : "/d/file/titlepic/img2.jpg" }]img.html就是我们iframe要引用的：
<!doctype html><html><head> <meta chart="utf-8"> <title>inrt title here</title></head><body><script sr给老师的歌c="./jq就像造句二年级uery.js"></script><script type="text/javascript"> document.domain = "a.com"; var p = parent.window.$; p("#sub").text("我是子页面添加的");</script></body></html>a.html就是要通过跨子域获取数据的页面：
<!doctype html><html><head> <meta chart="utf-8"> <title>inrt title here</title></head><body><!-- 通过跨域获取数据，并添加到ul中 --><ul id="data"></ul><!-- 子页面通过parent.window来访问父页面 --><div id="sub"></div><!-- 通过iframe引用img.a.com下的img.html --><iframe id="iframe" src="http://img.a.com/img.html"></iframe><script src="./jquery.js"></script><script type="text/javascript">document.domain = "a.com";$("#iframe").bind("load", function() { //获取子页面的jquery对象 iframe = document.getelementbyid("iframe").contentwindow.$; iframe.getjson("http://img.a.com/img.json", function(data) { var con = ""; //注意这里的$对象是www.a.com上的 $.each(data, function(i, v) { con += "<li>" + v.name + ":" + v.url + "</li>"; }); $("#data").html(con); });});</script></body></html>a.html中我们通过contentwindow.$来获取子页面的jquery对象，然后通过ge零食推广tjson获取数据，并通过www.a.com上的$对象把数据写入到ul中。
在子页面img.html中我们通过parent.window来访问父页面的$对象，并操作元素添加数据。
本文发布于:2023-04-08 15:30:38，感谢您对本站的认可！
本文链接：https://www.wtabcd.cn/fanwen/zuowen/fd3c00476569a53e2c4f0c5d8a0642f6.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
本文word下载地址：PHP ajax跨子域的解决方案之document.domain+iframe实例分析.doc
本文 PDF 下载地址：PHP ajax跨子域的解决方案之document.domain+iframe实例分析.pdf
| 留言与评论（共有 0 条评论） |
