web开发跨域问题个人总结（PHP与js交互）

之所以想总结一下，这个我最近接手的一个新项目有关：我们公司中的另一个站点需要跨站点请求我这边一个‘评论’组件的功能。本来如果走的是接口调用也没这么多问题，可是公司考虑到评论组件公司里的其他五个站点都要用到，所以在js层面想实现一个插件的功能,所有接口请求都由js来实现。废话不多说。

1.什么叫做跨域？

这里我根据我看到的相关资料说一下我的理解，如有错误欢迎指正：最常见的跨域就是一个URL请求另一站点的URL，例如：www.baidu.com向腾讯请求一个第三方接口。还有另外一种跨域：同一站点下的不同端口之间的请求也称之为跨域。

2.解决办法一

在调用的接口的构造函数中第一行添加header('Access-Control-Allow-Origin: *');即可解决，其中‘*’代表所有的站点都被允许请求。这种办法对IE9以及以下版本的浏览器“无感”。

3.解决办法二

利用jsonp(JQuery提供的一种方式)，只需在PHP代码中将即将要返回的数组与jsonp标记连接成字符串即可，例如

if($result){
 $callback.'('.json_encode($result).')'//这里的callback是与前端js约定好的一个名称
}

这里只列举了PHP部分针对Jsonp处理的方法，具体js怎样实现可参考：http://www.cnblogs.com/xcxc/p/3729660.html

补充说明：JSONP方式跨域提交数据的方式为get,即使你将提交的json数组type改为post，后台依旧是用get方式传输，这个官方文档中有说明。用get方式传递的时候，数据大小就有了限制。所以如果是传递附件之类的大文件，跨域提交使用的是flash的uploadify以post方式上传（可参考http://wangyaobeijing.blog.163.com/blog/static/1583303201101391530509/）。

$.ajax({
    type : "post",
    url : "ajax.php",
    dataType : "jsonp",
    jsonp: "callback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(默认为:callback)
    jsonpCallback:"success_jsonpCallback",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名
    success : function(json){
        alert('success');
    },
    error:function(){
        alert('fail');
    }
});