一、本文通過(guò)設(shè)置Access-Control-Allow-Origin來(lái)實(shí)現(xiàn)跨域。

例如：客戶端的域名是client.runoob.com，而請(qǐng)求的域名是server.runoob.com。

如果直接使用ajax訪問(wèn)，會(huì)有以下錯(cuò)誤：

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、允許單個(gè)域名訪問(wèn)

指定某域名（http://client.runoob.com）跨域訪問(wèn)，則只需在http://server.runoob.com/server.php文件頭部添加如下代碼：header('Access-Control-Allow-Origin:http://client.runoob.com');

2、允許多個(gè)域名訪問(wèn)

指定多個(gè)域名（http://client1.runoob.com、http://client2.runoob.com等）跨域訪問(wèn)，則只需在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、允許所有域名訪問(wèn)

允許所有域名訪問(wèn)則只需在http://server.runoob.com/server.php文件頭部添加如下代碼：header('Access-Control-Allow-Origin:*');

?

二、Ajax發(fā)起JSONP跨域請(qǐng)求

我們通過(guò)jQuery的JSONP方式可以實(shí)現(xiàn)跨域ajax請(qǐng)求，服務(wù)端php也需要做出相應(yīng)的處理，也就是說(shuō)php這邊必須和前端頁(yè)面按照一定的格式請(qǐng)求和返回?cái)?shù)據(jù)。

示例：前端頁(yè)面發(fā)起JSONP請(qǐng)求：

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.'); ??} });

?

?

?

?

?

?

?

我們會(huì)發(fā)現(xiàn)，ajax請(qǐng)求參數(shù)中有 dataType: "jsonp" 和 jsonp: "callback" ，這個(gè)就表明了我要請(qǐng)求的是jsonp，并且會(huì)有回調(diào)callback返回。當(dāng)然，我們也可以自定義回調(diào)函數(shù)，如 jsonpCallback:"success_jsonpCallback"

還可以簡(jiǎn)單的寫成：

1 2 3 4 5

jQuery.getJSON('http://demo.jb51.net/phpajax/jsonp.php?callback=?",{ ?random: Math.random() }, function(data){ ?console.log(data); });

?

?

?

php后端服務(wù)代碼可以這樣寫（注意輸出返回的格式）：

1 2 3 4 5

$data = array( ??'rand' => $_GET['random'], ??'msg' => 'Success' ); echo $_GET['callback'].'('.json_encode($data).')';

轉(zhuǎn)載于:https://www.cnblogs.com/missphp/p/9253877.html

總結(jié)

以上是生活随笔為你收集整理的PHP ajax跨域问题最佳解决方案的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。