這篇文章主要介紹了PHP處理Ajax請求與Ajax跨域問題的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
PHP判斷是否為Ajax請求
我們知道，在發送ajax請求的時候，可以透過XMLHttpRequest這個對象，建立自訂的header頭訊息， 在jquery框架中，對於通過它的$ .ajax, $.get, 或$.post方法請求網頁內容時，它會向伺服器傳遞一個HTTP_X_REQUESTED_WITH的參數，php中就是在header一層判斷是否是ajax請求，對應的根據$_SERVER[' HTTP_X_REQUESTED_WITH']判斷。一般情況下$_SERVER['HTTP_X_REQUESTED_WITH']預設是XMLHttpRequest，$_SERVER['HTTP_X_REQUESTED_WITH']也可以自訂建立的，使用XMLHttpRequest.setRequestHeader( value)。
範例：前端頁面傳送普通的ajax請求給後端test.php。
$.ajax({
type: "GET",
url: 'test.php',
success: function(data) {
console.log(data);
}
});服務端test.php可以判斷該請求是不是Ajax非同步請求，然後根據業務需求做出回應的回應。
以下是服務端test.php的簡單驗證是否為ajax請求的程式碼：
#function isAjax() {
return @$_SERVER['HTTP_X_REQUESTED_WITH'] == 'XMLHttpRequest' ? true : false;
}
if (isAjax()) {
echo 'Ajax Request Success.';
} else {
echo 'No.';
}Ajax發起JSONP跨域請求
我們透過jQuery的JSONP方式可以實現跨域ajax請求，服務端php也需要做對應的處理，也就是說php這邊必須和前端頁面按照一定的格式請求和回傳資料。
範例：前端頁面發起JSONP請求：
$.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"
也可以簡單的寫成：
jQuery.getJSON('http://demo.jb51.net/phpajax/jsonp.php?callback=?",{
random: Math.random()
}, function(data){
console.log(data);
});php後端服務代碼可以這樣寫（注意輸出回傳的格式）：
$data = array( 'rand' => $_GET['random'], 'msg' => 'Success' ); echo $_GET['callback'].'('.json_encode($data).')';
#Ajax跨網域請求：CORS
CORS，又稱跨域資源共享，英文全名為Cross-Origin Resource Sharing。假設我們想使用Ajax從a.com的頁面上向b.com的頁面上要點數據，通常情況由於同源策略，這種請求是不允許的，瀏覽器也會返回“源不匹配”的錯誤，所以就有了「跨域」這個說法。但是我們也有解決辦法，我們可以再b.com的頁面header訊息中增加一行程式碼：#header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Origin: http://www.jb51.net");
範例：透過CORS跨域請求資料
$.ajax({
type: "get",
data: "random="+Math.random(),
url: "http://demo.jb51.net/phpajax/ajax.php",
dataType: "json",
success: function(data) {
console.log(data);
$("#result_3").html(data.msg+':'+data.rand);
},
error: function() {
$("#result_3").html('Request Error.');
}
});我們在另一個網站網域下的ajax.php加上這樣的程式碼：
######header("Access-Control-Allow-Origin: http://www.jb51.net");
$data = array(
'rand' => $_GET['random'],
'msg' => 'Success'
);
echo json_encode($data);以上是PHP處理Ajax請求與Ajax跨域問題詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！
