系统城装机大师 - 固镇县祥瑞电脑科技销售部宣传站！

CMS教程 |服务器设置 |网页制作 |网络编程 | 脚本专栏 |重装教程 | 如何安装系统？ |
网站导航

系统下载

Win10系统 Win8系统 Win7系统 WinXP系统 路由器

软件下载

电脑软件 安卓软件 安卓应用 安卓游戏

文章资讯

IT资讯 系统教程 软件教程 U盘教程 系统帮助

系统相关

系统主题 Win10激活工具 Win8激活工具 Win7激活工具

专题合集

软件合集 教程专题 安卓推荐
电脑配置
配置清单 品牌机 组装机 一体机 笔记本
软件
  • 软件
  • 文章
  • 安卓
搜 索

热搜：番茄花园 电脑公司 萝卜家园 深度技术 雨林木风

首页 XP系统 Win7系统 Win10系统 win11系统 在线装机 U盘启动 系统教程 IT资讯
组装电脑 监控安装 打印机 投影机 U盘安装 一键重装 U PE教程 重装大师 网络知识 bios设置 电脑配置
当前位置：首页 > 网络编程 > PHP编程 > 详细页面

PHP ajax跨子域的解决方案之document.domain+iframe实例分析

时间：2020-03-05来源：电脑系统城作者：电脑系统城

本文实例讲述了PHP ajax跨子域的解决方案之document.domain+iframe。分享给大家供大家参考，具体如下：

对于主域相同，子域不同，我们可以设置相同的document.domain来欺骗浏览器，达到跨子域的效果。

例如：我们有两个域名：www.a.com 和 img.a.com

在www.a.com下有a.html

在img.a.com下有img.json和img.html这两个文件。

img.json就是一些我们要获取的数据：


 
  1. [
  2. {
  3. "name" : "img1",
  4. "url" : "http://img.a.com/img1.jpg"
  5. },
  6. {
  7. "name" : "img2",
  8. "url" : "http://img.a.com/img2.jpg"
  9. }
  10. ]
  11.  

img.html就是我们iframe要引用的：


 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Insert title here</title>
  6. </head>
  7. <body>
  8. <script src="./jquery.js"></script>
  9. <script type="text/javascript">
  10. document.domain = "a.com";
  11.  
  12. var p = parent.window.$;
  13. p("#sub").text("我是子页面添加的");
  14. </script>
  15. </body>
  16. </html>
  17.  

a.html就是要通过跨子域获取数据的页面：


 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Insert title here</title>
  6. </head>
  7. <body>
  8. <!-- 通过跨域获取数据，并添加到ul中 -->
  9. <ul id="data"></ul>
  10.  
  11. <!-- 子页面通过parent.window来访问父页面 -->
  12. <div id="sub"></div>
  13.  
  14. <!-- 通过iframe引用img.a.com下的img.html -->
  15. <iframe id="iframe" src="http://img.a.com/img.html"></iframe>
  16.  
  17. <script src="./jquery.js"></script>
  18. <script type="text/javascript">
  19. document.domain = "a.com";
  20.  
  21. $("#iframe").bind("load", function() {
  22. //获取子页面的jquery对象
  23. iframe = document.getElementById("iframe").contentWindow.$;
  24.  
  25. iframe.getJSON("http://img.a.com/img.json", function(data) {
  26. var con = "";
  27. //注意这里的$对象是www.a.com上的
  28. $.each(data, function(i, v) {
  29. con += "<li>" + v.name + ":" + v.url + "</li>";
  30. });
  31. $("#data").html(con);
  32. });
  33. });
  34. </script>
  35. </body>
  36. </html>
  37.  

a.html中我们通过contentWindow.$来获取子页面的jquery对象，然后通过getJSON获取数据，并通过www.a.com上的$对象把数据写入到ul中。

在子页面img.html中我们通过parent.window来访问父页面的$对象，并操作元素添加数据。

更多关于PHP相关内容可查看本站专题：《PHP+ajax技巧与应用小结》、《PHP网络编程技巧总结》、《php字符串(string)用法总结》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》

希望本文所述对大家PHP程序设计有所帮助。

分享到：

相关信息

PHP 框架的部署最佳实践如何确保顺利切换？
关于PHP命名空间的讨论
PHP+ajax实现上传、删除、修改单张图片及后台处理逻辑操作详解
  • Thinkphp框架+Layui实现图片/文件上传功能分析
    Thinkphp框架+Layui实现图片/文件上传功能分析

    这篇文章主要介绍了Thinkphp框架+Layui实现图片/文件上传功能,结合实例形式详细分析了Thinkphp+Layui实现图片文件上传的具体步骤、原理与相关操作技巧...

    2020-02-07

  • Laravel框架自定义分页样式操作示例
    Laravel框架自定义分页样式操作示例

    这篇文章主要介绍了Laravel框架自定义分页样式操作,结合实例形式详细分析了laravel框架自定义分页样式的具体操作步骤、实现方法及相关注意事项,需要的朋友可以参考下...

    2020-02-03

热门系统总排行

装机必备

系统教程栏目

系统帮助 游戏攻略 win12教程 监控安装 祥瑞电脑 重装大师 重装教程 bios 其它教程 软件教程 苹果MAC教程 Linux教程 Win2003教程 Win2008教程 U盘教程 WinXP教程 Win7教程 Win8教程 Win10教程 win11教程 打印机

栏目热门教程

人气教程排行

站长推荐

热门系统下载

软件发布| Tag标签| 版权声明| 网站地图| 软件专题| sitemap| 系统城一键重装系统QQ群

本站发布的系统与软件仅为个人学习测试使用，请在下载后24小时内删除，不得用于任何商业用途，否则后果自负，请支持购买微软正版软件！如侵犯到您的权益,请及时通知我们,我们会及时处理。

皖ICP备11004271号-6版权所有：固镇县祥瑞电脑科技销售部