原理核心：window对象的name属性是一个很特别的属性，当该window的location变化，然后重新加载，它的name属性可以依然保持不变。
依此原理，我们可以在页面A中用iframe加载其他域的页面B，而页面B中用JavaScript把需要传递的数据赋值给 window.name，页面A的iframe加载完成之后，页面A修改iframe的地址，将其变成同域的一个地址，然后就可以读出window.name的值了。
 
例：有两个网站www.a.com和www.b.com，我们要在www.a.com/a.html下获取www.b.com/data.html数据。
 
我们需要三个文件：
www.a.com 下的 a.html 获取数据并显示
www.b.com 下的data.html 提供数据
www.a.com 下的proxy.html 代理文件，与a.html同一域下，一般为空html文件。
 
www.b.com下的data.html如下：
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Insert title here</title>
  6. </head>
  7. <body>
  8.     <script type="text/javascript">
  9.         //添加需要传递的数据，大小一般为2M，IE和firefox下可以大至32M左右
  10.         window.name = '[{"name":"test1"},{"name":"test2"}]';
  11.     </script>
  12. </body>
  13. </html>
www.a.com下的proxy.html如下：
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Insert title here</title>
  6. </head>
  7. <body>
  8.     <!-- 空的html文件 -->
  9. </body>
  10. </html>
www.a.com下的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.  
  9. <!-- 用于引用www.b.com/data.html文件 -->
  10. <iframe id="iframe" src=""></iframe>
  11.  
  12. <!-- 显示获取到的数据 -->
  13. <div id="data"></div>
  14.  
  15. <script type="text/javascript" src="./jquery.js"></script>
  16. <script type="text/javascript">
  17. var ifr = document.getElementById("iframe");
  18. ifr.src = "http://www.b.com/data.html";
  19. if (ifr.attachEvent) {
  20. 	ifr.attachEvent("onload", loadfunc);
  21. } else {
  22. 	ifr.onload = loadfunc;
  23. }
  24.  
  25. var state = 0;
  26. function loadfunc() {
  27. 	if(state == 0) {
  28. 		state = 1;
  29. 		ifr.contentWindow.location = "http://www.a.com/proxy.html";
  30. 	} else {
  31. 		var data = ifr.contentWindow.name;
  32.         $.each($.parseJSON(data), function(i, v) {
  33.             $("#data").append(v.name);
  34.         });
  35.  
  36.         //销毁iframe，保证安全
  37.         ifr.contentWindow.document.write("");
  38.         ifr.contentWindow.close();
  39.         document.body.removeChild(ifr);
  40. 	}
  41. }
  42. </script>
  43. </body>
  44. </html>

PHP下ajax跨域的解决方案之window.name的更多相关文章

  1. PHP下ajax跨域的解决方案之jsonp

    首先要说明一下json和jsonp的区别? json是一种基于文本的数据交换方式,或者叫做描述数据的一种格式. var person = { "name": "test& ...

  2. PHP下ajax跨域的解决方案之CORS

    由于安全的限制(同源策略,javascript只能访问同域名下的内容),如果需要进行跨域操作,那就免不了要进行跨域.   CORS(跨域资源共享,Cross-Origin Resource Shari ...

  3. ie8或9下ajax跨域问题

    ie8或9下ajax跨域支持,添加如下代码 <!--[if (IE 8)|(IE 9)]><script src="https://cdn.bootcss.com/jque ...

  4. java、ajax 跨域请求解决方案（'Access-Control-Allow-Origin' header is present on the requested resource. Origin '请求源' is therefore not allowed access.）

      1.情景展示 ajax调取java服务器请求报错 报错信息如下: 'Access-Control-Allow-Origin' header is present on the requested ...

  5. 【JS】AJAX跨域-JSONP解决方案（一）

    AJAX跨域介绍 AJAX 跨域访问是用户访问A网站时所产生的对B网站的跨域访问请求均提交到A网站的指定页面 由于安全方面的原因, 客户端js使用xmlhttprequest只能用来向来源网站发送请求 ...

  6. ajax跨域问题解决方案

    今天来记录一下关于ajax跨域的一些问题.以备不时之需. 跨域 同源策略限制 同源策略阻止从一个域上加载的脚本获取或操作另一个域上的文档属性.也就是说,受到请求的 URL 的域必须与当前 Web 页面 ...

  7. 七牛---以一个七牛上传的实例小结下AJAX跨域【转】

    http://blog.csdn.net/netdxy/article/details/50699842 使用七牛过程中,很多用户或多或少遇到跨域的问题,这篇文章主要介绍下跨域的概念来看什么情况下会出 ...

  8. ajax跨域请求解决方案

    大家好,今天我们学习了js的跨域请求的解决方案,由于JS中存在同源策略,当请求不同协议名,不同端口号.不同主机名下面的文件时,将会违背同源策略,无法请求成功!需要进行跨域处理! 方案一.后台PHP进行 ...

  9. Ajax跨域访问解决方案

    No 'Access-Control-Allow-Origin' header is present on the requested resource. 当使用ajax访问远程服务器时,请求失败,浏 ...

随机推荐

  1. margin-top失效

    span标签是行类元素,只能margin-left,right 解决办法: 将span标签改为块级标签

  2. attack source code

    不废话,直接上代码, 先看截图use pictures;

  3. spring security 参考 和 例子

    参考1: https://docs.spring.io/spring-security/site/docs/5.0.1.BUILD-SNAPSHOT/reference/htmlsingle/ 列子: ...

  4. GET和POST的真正区别

    文章来源: http://www.nowamagic.net/librarys/veda/detail/1919 如果有人问你,GET和POST,有什么区别?你会如何回答? 我的经历 前几天有人问我这 ...

  5. DataSnap Server HTTP json格式修改 返回图片

    DataSnap Server HTTP json 格式修改  http://127.0.0.1:8080/datasnap/rest/TServerMethods1/EchoString/hello ...

  6. Delphi 浏览器WebBrowser

    WebBrowser1.Navigate(URL); while WebBrowser1.busy do Application.ProcessMessages; while WebBrowser1. ...

  7. HTML 表格标签

    <table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, ce ...

  8. 揭秘Java架构技术体系

    Web应用,最常见的研发语言是Java和PHP. 后端服务,最常见的研发语言是Java和C/C++. 大数据,最常见的研发语言是Java和Python. 可以说,Java是现阶段中国互联网公司中,覆盖 ...

  9. C# 事件 event 【转】

    C#事件(event)解析   事件(event),这个词儿对于初学者来说,往往总是显得有些神秘,不易弄懂.而这些东西却往往又是编程中常用且非常重要的东西.大家都知道windows消息处理机制的重要, ...

  10. salt之pillar组件

    pillar也是salt最重要的组件之一,其作用是定义与被控主机相关的任何数据,定义好的数据可以被其他组件使用,如模板.state.API等.在pillar中定义的数据与不同业务特征的被控主机相关联, ...