PHP处理Ajax请求与Ajax跨域 - 后端笔记

PHP判断是否为Ajax请求

示例：前端页面发送普通的ajax请求给后端test.php。

PHP Code复制内容到剪贴板

$.ajax({
type: "GET",
url: 'test.php',
success: function(data) {
console.log(data);
}
});

服务端test.php可以判断该请求是不是Ajax异步请求，然后根据业务需求做出响应的回应。
以下是服务端test.php的简单验证是否为ajax请求的代码：

PHP Code复制内容到剪贴板

function isAjax() {
return @$_SERVER['HTTP_X_REQUESTED_WITH'] == 'XMLHttpRequest' ? true : false;
}
if (isAjax()) {
echo 'Ajax Request Success.';
} else {
echo 'No.';
}

Ajax发起JSONP跨域请求

示例：前端页面发起JSONP请求：

XML/HTML Code复制内容到剪贴板

$.ajax({
type: "get",
data: "random="+Math.random(),
url: "http://xxx.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"

还可以简单的写成：

XML/HTML Code复制内容到剪贴板

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

php后端服务代码可以这样写（注意输出返回的格式）：

PHP Code复制内容到剪贴板

$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信息中增加一行代码：

XML/HTML Code复制内容到剪贴板