介绍
这期内容当中小编将会给大家带来有关PHP项目中是如何处理Ajax请求与Ajax跨域的,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。
<强> PHP判断是否为Ajax请求
我们知道,在发送Ajax请求的时候,可以通过XMLHttpRequest这个对象,创建自定义的头头信息,在jquery框架中,对于通过它的美元。ajax,美元。得到,或者$ . post方法请求网页内容时,它会向服务器传递一个HTTP_X_REQUESTED_WITH的参数,php中就是在头一层判断是否是ajax请求,对应的根据<代码> $ _SERVER [& # 39; HTTP_X_REQUESTED_WITH& # 39;] 判断。一般情况下$ _SERVER <代码> [& # 39;HTTP_X_REQUESTED_WITH& # 39;] 默认是<代码> XMLHttpRequest, $ _SERVER [& # 39; HTTP_X_REQUESTED_WITH& # 39;]> XMLHttpRequest.setRequestHeader(名称、值)。
示例:前端页面发送普通的ajax请求给后端测试。php .
. ajax({美元
类型:,才能“GET",
,,url: & # 39; test.php& # 39;
,,成功:功能(数据),{
,,,console.log(数据);
,,}
}); 服务端test.php可以判断该请求是不是Ajax异步请求,然后根据业务需求做出响应的回应。
以下是服务端测试。php的简单验证是否为ajax请求的代码:
function isAjax (), {
_SERVER return 才能@ [& # 39;HTTP_X_REQUESTED_WITH& # 39;],==, & # 39; xmlhttprequest # 39;, ?, true :,假;
}
if (isAjax ()), {
echo 才能;& # 39;Ajax Request 成功强生# 39;;
},{else
echo 才能;& # 39;没有强生# 39;;
} <>强Ajax发起JSONP跨域请求
我们通过jQuery的JSONP方式可以实现跨域Ajax请求,服务端php也需要做出相应的处理,也就是说php这边必须和前端页面按照一定的格式请求和返回数据。
示例:前端页面发起JSONP请求:
. Ajax({美元
类型:,才能“get",
,,数据:“随机=? math . random (),
url:,才能“http://demo.jb51.net/phpajax/jsonp.php"
数据类型:,才能“jsonp",
jsonp才能:“callback",
,,成功:功能(数据),{
,,console.log(数据);
,,},
,,错误:函数(),{
,,console.log (& # 39; Request 错误# 39;公司);
,,}
}); 我们会发现,ajax请求参数中有数据类型:“jsonp"和jsonp:“callback",这个就表明了我要请求的是jsonp,并且会有回调的回调返回。当然,我们也可以自定义回调函数,如jsonpCallback:“success_jsonpCallback"
还可以简单的写成:
jQuery.getJSON (& # 39; http://demo.jb51.net/phpajax/jsonp.php?callback=?",, {
,随机:math . random ()
},,功能(数据){
,console.log(数据);
}); php后端服务代码可以这样写(注意输出返回的格式):
data 美元;=,阵列(
& # 39;才能兰德# 39;,=祝辞,$ _GET[& # 39;随机# 39;],
& # 39;才能味精# 39;,=祝辞,& # 39;成功# 39;
);
echo $ _GET[& # 39;调# 39;]# 39;公司(& # 39;.json_encode(元数据)# 39;公司)& # 39;; <强> Ajax跨域请求:歌珥
歌珥,又称跨域资源共享,英文全称跨源资源共享。假设我们想使用Ajax从a.com网站的页面上向b.com的页面上要点数据,通常情况由于同源策略,这种请求是不允许的,浏览器也会返回“源不匹配”的错误,所以就有了“跨域”这个说法。但是我们也有解决办法,我们可以再b.com的页面头信息中增加一行代码:
头(“Access-Control-Allow-Origin: *“); 当我们设置的头为以上信息时,任意一个请求过来之后服务端我们都可以进行处理和响应,那么在调试工具中可以看到其头信息设置,其中见红框中有一项信息是“* Access-Control-Allow-Origin: *”,表示我们已经启用歌珥,如果要限制只允许某个域名的请求,可以这样:
头(“Access-Control-Allow-Origin: https://www.jb51.net"); 示例:通过歌珥跨域请求数据
. Ajax({美元
类型:,才能“get",
,,数据:“随机=? math . random (),
url:,才能“http://demo.jb51.net/phpajax/ajax.php"
数据类型:,才能“json",
,,成功:功能(数据),{
,,,console.log(数据);
,,,美元(“# result_3") . html (data.msg + & # 39;: & # 39; + data.rand);
,,},
,,错误:函数(),{
,,美元(“# result_3") . html (& # 39; Request 错误# 39;公司);
,,}
}); 我们在另一个网站域名下的ajax。php加上这样的代码:
