ajxs跨域 php_PHP项目中是如何处理Ajax请求与Ajax跨域的
PHP項目中是如何處理Ajax請求與Ajax跨域的
發(fā)布時間：2020-12-14 16:35:47
來源：億速云
閱讀：98
這期內(nèi)容當(dāng)中小編將會給大家?guī)碛嘘P(guān)PHP項目中是如何處理Ajax請求與Ajax跨域的，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。
PHP判斷是否為Ajax請求
我們知道，在發(fā)送ajax請求的時候，可以通過XMLHttpRequest這個對象，創(chuàng)建自定義的header頭信息， 在jquery框架中，對于通過它的$.ajax, $.get, 或者$.post方法請求網(wǎng)頁內(nèi)容時，它會向服務(wù)器傳遞一個HTTP_X_REQUESTED_WITH的參數(shù)，php中就是在header一層判斷是否是ajax請求，對應(yīng)的根據(jù)$_SERVER['HTTP_X_REQUESTED_WITH']判斷。一般情況下$_SERVER['HTTP_X_REQUESTED_WITH']默認是XMLHttpRequest，$_SERVER['HTTP_X_REQUESTED_WITH']也可以自定義創(chuàng)建的，使用XMLHttpRequest.setRequestHeader(name,value)。
示例：前端頁面發(fā)送普通的ajax請求給后端test.php。$.ajax({
type:?"GET",
url:?'test.php',
success:?function(data)?{
console.log(data);
}
});
服務(wù)端test.php可以判斷該請求是不是Ajax異步請求，然后根據(jù)業(yè)務(wù)需求做出響應(yīng)的回應(yīng)。
以下是服務(wù)端test.php的簡單驗證是否為ajax請求的代碼：function?isAjax()?{
return?@$_SERVER['HTTP_X_REQUESTED_WITH']?==?'XMLHttpRequest'???true?:?false;
}
if?(isAjax())?{
echo?'Ajax?Request?Success.';
}?else?{
echo?'No.';
}
Ajax發(fā)起JSONP跨域請求
我們通過jQuery的JSONP方式可以實現(xiàn)跨域ajax請求，服務(wù)端php也需要做出相應(yīng)的處理，也就是說php這邊必須和前端頁面按照一定的格式請求和返回數(shù)據(jù)。
示例：前端頁面發(fā)起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.');
}
});
我們會發(fā)現(xiàn)，ajax請求參數(shù)中有 dataType: "jsonp" 和 jsonp: "callback" ，這個就表明了我要請求的是jsonp，并且會有回調(diào)callback返回。當(dāng)然，我們也可以自定義回調(diào)函數(shù)，如 jsonpCallback:"success_jsonpCallback"
還可以簡單的寫成：jQuery.getJSON('http://demo.jb51.net/phpajax/jsonp.php?callback=?",{
random:?Math.random()
},?function(data){
console.log(data);
});
php后端服務(wù)代碼可以這樣寫(注意輸出返回的格式)：$data?=?array(
'rand'?=>?$_GET['random'],
'msg'?=>?'Success'
);
echo?$_GET['callback'].'('.json_encode($data).')';
Ajax跨域請求：CORS
CORS，又稱跨域資源共享，英文全稱Cross-Origin Resource Sharing。假設(shè)我們想使用Ajax從a.com的頁面上向b.com的頁面上要點數(shù)據(jù)，通常情況由于同源策略，這種請求是不允許的，瀏覽器也會返回“源不匹配”的錯誤，所以就有了“跨域”這個說法。但是我們也有解決辦法，我們可以再b.com的頁面header信息中增加一行代碼：header("Access-Control-Allow-Origin:?*");
當(dāng)我們設(shè)置的header為以上信息時，任意一個請求過來之后服務(wù)端我們都可以進行處理和響應(yīng)，那么在調(diào)試工具中可以看到其頭信息設(shè)置，其中見紅框中有一項信息是“*Access-Control-Allow-Origin：* ”，表示我們已經(jīng)啟用CORS，如果要限制只允許某個域名的請求，可以這樣：header("Access-Control-Allow-Origin:?https://www.jb51.net");
示例：通過CORS跨域請求數(shù)據(jù)$.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.');
}
});
我們在另一個網(wǎng)站域名下的ajax.php加上這樣的代碼：header("Access-Control-Allow-Origin:?https://www.jb51.net");
$data?=?array(
'rand'?=>?$_GET['random'],
'msg'?=>?'Success'
);
echo?json_encode($data);
上述就是小編為大家分享的PHP項目中是如何處理Ajax請求與Ajax跨域的了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道。
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎總結(jié)
以上是生活随笔為你收集整理的ajxs跨域 php_PHP项目中是如何处理Ajax请求与Ajax跨域的的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 艾泰路由器设置虚拟服务器,艾泰路由器设置
- 下一篇： win10引导安卓x86_GPDwin安