http://zyan.cc/index.php zh-cn http://zyan.cc/ajaxcdr/ 张宴 <net@s135.com> Mon, 09 Mar 2009 03:54:45 +0000 http://zyan.cc/ajaxcdr/ http://blog.zyan.cc/ajaxcdr/]

　　最近的一个项目中，需要通过 JavaScript 提交表单数据到另一个域名下的PHP接口（因为数据较大，需要HTTP POST方式提交），并获取PHP接口的返回值，在页面无刷新、无跳转的情况下，更新div标签内的内容。

　　浏览器出于安全考虑，是不允许JavaScript代码进行跨域操作。JavaScript 和 AJAX 跨域访问分为两大类，一是本域和子域的交互，二是本域和其他域的交互。

　　一、本域和子域的交互：www.zyan.cc 和 blog.zyan.cc
　　二、本域和其他域的交互：blog.zyan.cc 和 api.bz

　　本域和子域的交互，可以通过iframe设置两个域名document.domain = "zyan.cc"，实现统一zyan.cc域下的跨域访问。

　　本域和其他域的交互，可以通过iframe、代理、JS创建动态脚本等几种方法来实现，这里有篇文章对几种方法作了简要的介绍。

　　iframe、JS创建动态脚本这两种方法，需要开发者能控制两个域，两端都要编写相应的代码，非常麻烦。在本域服务器上用PHP写个代理中转程序，让本域PHP程序去读取远程其他域的数据再返回给自己，是常用的方法。但是，在本域“前端是CDN或Squid缓存服务器，后端才是PHP应用程序服务器”的系统架构下，穿透CDN或Squid去访问不能被缓存的PHP代理中转程序，效率是很低的。

---

　　国外有人尝试用 Flash 做 JavaScript 和 AJAX 跨域访问中转，无疑是一个好方法。JavaScript 将数据提交给本域下的 Flash，通过 Flash 中转去访问其他域的接口，条件只需要其他域的根目录下有一个crossdomain.xml文件，文件中设置允许所有域名或允许本域访问即可。很多网站的API域名都提供了crossdomain.xml文件。

　　例如：
　　1、新浪博客的crossdomain.xml文件（http://blog.sina.com.cn/crossdomain.xml）设置了允许所有域名访问；
　　2、饭否API的crossdomain.xml文件（http://api.fanfou.com/crossdomain.xml）设置了允许所有域名访问；
　　3、校内网API的crossdomain.xml文件（http://api.xiaonei.com/crossdomain.xml）设置了允许所有域名访问；
　　4、优酷网的crossdomain.xml文件（http://www.youku.com/crossdomain.xml）设置了允许所有域名访问；
　　5、土豆网的crossdomain.xml文件（http://www.tudou.com/crossdomain.xml）设置了允许所有域名访问；

　　6、逍遥视频的crossdomain.xml文件（http://v.xoyo.com/crossdomain.xml）设置了只允许*.xoyo.com域名访问；
　　7、网易的crossdomain.xml文件（http://www.163.com/crossdomain.xml）设置了只允许tech.163.com、sports.163.com等几个域名访问。

---

　　本人在“Cross-domain AJAX using Flash”的基础上，增加了对表单进行智能处理的功能，封装了一个JavaScript包：AJAXCDR。通过 AJAXCDR，即可轻松地解决 JavaScript 和 AJAX 跨域 HTTP POST/GET 表单请求，支持IE、Firefox、谷歌Chrome等多种浏览器。

　　AJAXCDR 拥有两个文件：ajaxcdr.js 和 ajaxcdr.swf，AJAXCDR 拥有一个 JavaScript 函数 AjaxCrossDomainRequest() 和一个全局变量 AjaxCrossDomainResponse。

　　一、AJAXCDR 下载：

............

Tags - ajaxcdr , ajax , javascript , cross-domain , cross , domain , flash , form ]]> http://zyan.cc/ajaxcdr/#blogcomment2737 jiayin <zhangjiayin99@gmail.com> Mon, 09 Mar 2009 04:55:24 +0000 http://zyan.cc/ajaxcdr/#blogcomment2737 http://zyan.cc/ajaxcdr/#blogcomment2739 jk <user@domain.com> Mon, 09 Mar 2009 06:32:53 +0000 http://zyan.cc/ajaxcdr/#blogcomment2739 错误：语法错误 ]]> http://zyan.cc/ajaxcdr/#blogcomment2742 lostsnow <lostsnow@gmail.com> Mon, 09 Mar 2009 08:03:17 +0000 http://zyan.cc/ajaxcdr/#blogcomment2742 http://zyan.cc/ajaxcdr/#blogcomment2743 janlay <janlay@gmail.com> Mon, 09 Mar 2009 08:49:40 +0000 http://zyan.cc/ajaxcdr/#blogcomment2743 http://zyan.cc/ajaxcdr/#blogcomment2748 小蔡 <cyy0523xc@gmail.com> Tue, 10 Mar 2009 01:45:43 +0000 http://zyan.cc/ajaxcdr/#blogcomment2748 http://zyan.cc/ajaxcdr/#blogcomment2750 小蔡 <cyy0523xc@gmail.com> Tue, 10 Mar 2009 02:33:53 +0000 http://zyan.cc/ajaxcdr/#blogcomment2750 http://zyan.cc/ajaxcdr/#blogcomment2751 花生 <user@domain.com> Tue, 10 Mar 2009 03:06:26 +0000 http://zyan.cc/ajaxcdr/#blogcomment2751 http://zyan.cc/ajaxcdr/#blogcomment2756 horse <user@domain.com> Wed, 11 Mar 2009 04:33:43 +0000 http://zyan.cc/ajaxcdr/#blogcomment2756 http://zyan.cc/ajaxcdr/#blogcomment2773 licufa <user@domain.com> Thu, 12 Mar 2009 09:33:21 +0000 http://zyan.cc/ajaxcdr/#blogcomment2773 www.mianpu1000.com ]]> http://zyan.cc/ajaxcdr/#blogcomment2781 神仙 <user@domain.com> Fri, 13 Mar 2009 07:27:50 +0000 http://zyan.cc/ajaxcdr/#blogcomment2781 http://zyan.cc/ajaxcdr/#blogcomment2805 无痕 <user@domain.com> Mon, 16 Mar 2009 09:02:57 +0000 http://zyan.cc/ajaxcdr/#blogcomment2805 http://zyan.cc/ajaxcdr/#blogcomment2828 hehe <user@domain.com> Thu, 19 Mar 2009 03:54:10 +0000 http://zyan.cc/ajaxcdr/#blogcomment2828 http://zyan.cc/ajaxcdr/#blogcomment2834 ayeah <user@domain.com> Fri, 20 Mar 2009 03:14:40 +0000 http://zyan.cc/ajaxcdr/#blogcomment2834 http://zyan.cc/ajaxcdr/#blogcomment2836 John <user@domain.com> Fri, 20 Mar 2009 06:00:54 +0000 http://zyan.cc/ajaxcdr/#blogcomment2836 http://zyan.cc/ajaxcdr/#blogcomment2843 双色球 <asdfasd@qq.com> Sat, 21 Mar 2009 05:36:47 +0000 http://zyan.cc/ajaxcdr/#blogcomment2843