ThinkPHP中使用IS_AJAX判斷原生JS中的Ajax出現(xiàn)問(wèn)題的解決方法
來(lái)源:不言
發(fā)布時(shí)間:2019-01-14 11:26:34
閱讀量:1035
本篇文章給大家?guī)?lái)的內(nèi)容是關(guān)于ThinkPHP中使用IS_AJAX判斷原生JS中的Ajax出現(xiàn)問(wèn)題的解決方法,有一定的參考價(jià)值,有需要的朋友可以參考一下,希望對(duì)你有所幫助。
問(wèn)題:
在 ThinkPHP 中使用原生 js 發(fā)起 Ajax 請(qǐng)求的時(shí)候、在控制器無(wú)法使用 IS_AJAX 進(jìn)行判斷。而使用 jQuery 中的 ajax 是沒(méi)有問(wèn)題的。
在ThinkPHP中、有一個(gè)判斷是 ajax 請(qǐng)求的常量 IS_AJAX;
Ajax 請(qǐng)求常用的有兩種情況:一種是原生 js 的 ajax 請(qǐng)求、一種是 jQuery 的 ajax 請(qǐng)求。
分析:
先看看使用 jQuery 中使用 ajax 發(fā)送請(qǐng)求的時(shí)候的頭信息:
1 2 3 4 5 6 7 8 9 10 11 12 | Accept: application/json, text/javascript, */*; q=0.01
Accept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.9
Connection: keep-alive
Content-Length: 22
Content-Type: application/x-www-form-urlencoded; charset=UTF-8
Cookie: PHPSESSID=ns9mjve234erh0qerlcl180v52
Host: localhost
Origin: http:
Referer: http:
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/547.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/547.36
X-Requested-With: XMLHttpRequest
|
再看看使用 JS 中的原生 ajax 發(fā)送請(qǐng)求的時(shí)候的頭信息:
1 2 3 4 5 6 7 8 | Accept: */*
Accept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.9
Connection: keep-alive
Cookie: PHPSESSID=ns9mjve234erh0qerlcl180v52
Host: localhost
Referer: http:
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/547.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/547.36
|
再查看在TP是如何定義的常量 IS_AJAX:
在 tp3.2.3 版本中
\ThinkPHP\Library\Think\App.class.php (Line:49)
1 | define( 'IS_AJAX' , ((isset( $_SERVER [ 'HTTP_X_REQUESTED_WITH' ]) && strtolower ( $_SERVER [ 'HTTP_X_REQUESTED_WITH' ]) == 'xmlhttprequest' ) || ! empty ( $_POST [C( 'VAR_AJAX_SUBMIT' )]) || ! empty ( $_GET [C( 'VAR_AJAX_SUBMIT' )])) ? true : false);
|
你會(huì)發(fā)現(xiàn)如下:
使用 jquery 發(fā)送 ajax 請(qǐng)求的時(shí)候、比使用原生 js 中的 ajax 多一個(gè)請(qǐng)求頭 X-Requested-With: XMLHttpRequest。
而且 ThinkPHP 就是利用判讀是否存在請(qǐng)求頭這種原理去定義常量 IS_AJAX 的。
那怎么解決這個(gè)問(wèn)題呢?
在發(fā)送ajax請(qǐng)求的時(shí)候設(shè)置一個(gè)對(duì)應(yīng)的請(qǐng)求頭信息。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | function page( page )
{
var ajax = new XMLHttpRequest()
ajax.open( 'get' , '__URL__/show?page=' +page, true )
ajax.setRequestHeader( "X-Requested-With" , "XMLHttpRequest" );
ajax.send()
ajax.onreadystatechange = function ()
{
if ( ajax.readyState == 4 && ajax.status == 200 )
{
document.getElementById( 'box' ).innerHTML = ajax.responseText;
}
}
}
|
設(shè)置完之后、再次看請(qǐng)求頭信息、與之前的對(duì)比、多了一條
1 2 3 4 5 6 7 8 9 | Accept: */*
Accept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.9
Connection: keep-alive
Cookie: PHPSESSID=ns9mjve234erh0qerlcl180v52
Host: localhost
Referer: http:
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/547.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/547.36
X-Requested-With: XMLHttpRequest
|
如此問(wèn)題便解決了。