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

本文实例讲述了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就是一些我们要获取的数据：

[

{

"name" : "img1",

"url" : "http://img.a.com/img1.jpg"

{

"name" : "img2",

"url" : "http://img.a.com/img2.jpg"

}

]

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

Insert title here

document.domain = "a.com";

var p = parent.window.$;

p("#sub").text("我是子页面添加的");

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

Insert title here

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 += "

" + v.name + ":" + v.url + "";

});

$("#data").html(con);

});

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

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

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

php ajax 重复提交,ThinkPHP防止重复提交表单的方法实例分析
本文实例总结分析了ThinkPHP防止重复提交表单的方法.分享给大家供大家参考,具体如下: 为什么会有表单重复的坑在开发中,如果一个新增或修改的表单,在后台完成数据库操作后我们设定的不是跳转到其他页 ...
SSO单点登录、跨域重定向、跨域设置Cookie、京东单点登录实例分析
最近在研究SSO单点登录技术,其中有一种就是通过js的跨域设置cookie来达到单点登录目的的,下面就已京东商城为例来解释下跨域设置cookie的过程涉及的关键知识点: 1.jQuery ajax跨 ...
php跨域单点登录,SSO单点登录、跨域重定向、跨域设置Cookie、京东单点登录实例分析...
SSO单点登录技术,其中有一种就是通过js的跨域设置cookie来达到单点登录目的的,下面就已京东商城为例来解释下跨域设置cookie的过程涉及的关键知识点: 1. 跨域redirect实例: te ...
document.domain 跨子域
跨子域 document.domain 利用document.domain实现跨域: 这两个域名必须属于同一个基础域名,所用的协议,端口要一致,不然,是无法利用document.domain进行跨域的 ...
AJAX之封装+跨域
AJAX5步法先简单回顾下之前所说的5步法 1.创建异步对象XMLHttpRequest /* 1.创建 XMLHttpRequest一步对象*/var xhr;if (window.XMLHttp ...
jsonp+ajax实现浏览器跨域通信
2019独角兽企业重金招聘Python工程师标准>>> Ajax/XDomainRequest 网络跨域访问控制 jsonp是一种技术手段而不是一种协议,也不是json数据. < ...
AJAX请求和跨域请求详解（原生JS、Jquery）
一.概述 AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. AJAX = 异步 JavaScript 和 XML,是一种用于创建快速动态网页的技术.通过在后台与服务器进行少量数 ...
vb跨域访问ajax,解决AJAX的跨域访问-两种有效示例
这篇文章主要为大家详细介绍了解决AJAX的跨域访问-两种有效示例,具有一定的参考价值,可以用来参考一下. 感兴趣的小伙伴,下面一起跟随512笔记的小玲来看看吧!新的W3C策略实现了HTTP跨域访问,还 ...
原生JS实现Ajax和JSONP跨域请求
背景: 对接身份证录入和门锁卡号录入设备中,安装驱动完成后,提供的接口服务是http://localhost:8099/?cmd=readbcardid&charset=gbk,返回的数据格式 ...

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

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

最新文章

热门文章