PHP項(xiàng)目中是如何處理Ajax請求與Ajax跨域的-創(chuàng)新互聯(lián)

這期內(nèi)容當(dāng)中小編將會給大家?guī)碛嘘P(guān)PHP項(xiàng)目中是如何處理Ajax請求與Ajax跨域的，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

創(chuàng)新互聯(lián)建站的客戶來自各行各業(yè)，為了共同目標(biāo)，我們在工作上密切配合，從創(chuàng)業(yè)型小企業(yè)到企事業(yè)單位，感謝他們對我們的要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會用頭腦與智慧不斷的給客戶帶來驚喜。專業(yè)領(lǐng)域包括成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站、電商網(wǎng)站開發(fā)、微信營銷、系統(tǒng)平臺開發(fā)。

PHP判斷是否為Ajax請求

我們知道，在發(fā)送ajax請求的時(shí)候，可以通過XMLHttpRequest這個(gè)對象，創(chuàng)建自定義的header頭信息，在jquery框架中，對于通過它的$.ajax, $.get, 或者$.post方法請求網(wǎng)頁內(nèi)容時(shí)，它會向服務(wù)器傳遞一個(gè)HTTP_X_REQUESTED_WITH的參數(shù)，php中就是在header一層判斷是否是ajax請求，對應(yīng)的根據(jù)$_SERVER['HTTP_X_REQUESTED_WITH']判斷。一般情況下$_SERVER['HTTP_X_REQUESTED_WITH']默認(rèn)是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的簡單驗(yàn)證是否為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方式可以實(shí)現(xiàn)跨域ajax請求，服務(wù)端php也需要做出相應(yīng)的處理，也就是說php這邊必須和前端頁面按照一定的格式請求和返回?cái)?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" ，這個(gè)就表明了我要請求的是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的頁面上要點(diǎn)數(shù)據(jù)，通常情況由于同源策略，這種請求是不允許的，瀏覽器也會返回“源不匹配”的錯(cuò)誤，所以就有了“跨域”這個(gè)說法。但是我們也有解決辦法，我們可以再b.com的頁面header信息中增加一行代碼：

header("Access-Control-Allow-Origin: *");

當(dāng)我們設(shè)置的header為以上信息時(shí)，任意一個(gè)請求過來之后服務(wù)端我們都可以進(jìn)行處理和響應(yīng)，那么在調(diào)試工具中可以看到其頭信息設(shè)置，其中見紅框中有一項(xiàng)信息是“*Access-Control-Allow-Origin：* ”，表示我們已經(jīng)啟用CORS，如果要限制只允許某個(gè)域名的請求，可以這樣：

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

我們在另一個(gè)網(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項(xiàng)目中是如何處理Ajax請求與Ajax跨域的了，如果剛好有類似的疑惑，不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

文章名稱：PHP項(xiàng)目中是如何處理Ajax請求與Ajax跨域的-創(chuàng)新互聯(lián)
本文地址：http://bm7419.com/article24/dpdoce.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、網(wǎng)站維護(hù)、定制開發(fā)、網(wǎng)站制作、網(wǎng)站建設(shè)、虛擬主機(jī)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容