一、本文通过设置Access-Control-Allow-Origin来实现跨域。
例如：客户端的域名是client.runoob.com，而请求的域名是server.runoob.com。
如果直接使用ajax访问，会有以下错误：
XMLHttpRequest cannot load http://server.runoob.com/server.php. No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.Origin ‘http://client.runoob.com‘ is therefore not allowed access.
1、允许单个域名访问
指定某域名（http://client.runoob.com）跨域访问，则只需在http://server.runoob.com/server.php文件头部添加如下代码：header(‘Access-Control-Allow-Origin:http://client.runoob.com‘);
2、允许多个域名访问
指定多个域名（http://client1.runoob.com、http://client2.runoob.com等）跨域访问，则只需在http://server.runoob.com/server.php文件头部添加如下代码：
$origin = isset($_SERVER[‘HTTP_ORIGIN‘])? $_SERVER[‘HTTP_ORIGIN‘] : ‘‘; ???$allow_origin = array( ?????‘http://client1.runoob.com‘, ?????‘http://client2.runoob.com‘ ?); ???if(in_array($origin, $allow_origin)){ ?????header(‘Access-Control-Allow-Origin:‘.$origin); ??????}
3、允许所有域名访问
允许所有域名访问则只需在http://server.runoob.com/server.php文件头部添加如下代码：header(‘Access-Control-Allow-Origin:*‘);
二、Ajax发起JSONP跨域请求
我们通过jQuery的JSONP方式可以实现跨域ajax请求，服务端php也需要做出相应的处理，也就是说php这边必须和前端页面按照一定的格式请求和返回数据。
示例：前端页面发起JSONP请求：
1 2 3 4 5 6 7 8 9 10 11 12 13 | $.ajax({ type: "get", data: "random="+Math.random(), url: "http://demo.jb51.net/phpajax/jsonp.php", dataType: "jsonp", jsonp: "callback", success: function(data) { console.log(data); }, error: function() { console.log(‘Request Error.‘); }}); |
我们会发现，ajax请求参数中有 dataType: "jsonp" 和 jsonp: "callback" ，这个就表明了我要请求的是jsonp，并且会有回调callback返回。当然，我们也可以自定义回调函数，如 jsonpCallback:"success_jsonpCallback"
还可以简单的写成：
1 2 3 4 5 | jQuery.getJSON(‘http://demo.jb51.net/phpajax/jsonp.php?callback=?",{ random: Math.random()}, function(data){ console.log(data);}); |
php后端服务代码可以这样写（注意输出返回的格式）：
1 2 3 4 5 | $data = array( ‘rand‘ => $_GET[‘random‘], ‘msg‘ => ‘Success‘);echo $_GET[‘callback‘].‘(‘.json_encode($data).‘)‘; |
PHP ajax跨域问题最佳解决方案
原文地址：https://www.cnblogs.com/missphp/p/9253877.html