首頁 > 後端開發 > php教程 > ThinkPHP中使用IS_AJAX判斷原生JS中的Ajax出現問題的解決方法

ThinkPHP中使用IS_AJAX判斷原生JS中的Ajax出現問題的解決方法

不言
發布: 2023-04-04 18:22:02
轉載
4228 人瀏覽過

這篇文章帶給大家的內容是關於ThinkPHP中使用IS_AJAX判斷原生JS中的Ajax出現問題的解決方法,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

問題:

在 ThinkPHP 中使用原生 js 發起 Ajax 請求的時候、在控制器無法使用 IS_AJAX 進行判斷。而使用 jQuery 中的 ajax 是沒有問題的。

在ThinkPHP中、有一個判斷是ajax 請求的常數IS_AJAX;

Ajax 請求常用的有兩種情況:一種是原生js 的ajax 請求、一種是jQuery 的ajax請求。

分析:

先看看使用jQuery 中使用ajax 發送請求的時候的頭資訊:

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://localhost
Referer: http://localhost/ok/
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 發送請求的時候的頭資訊:
Accept: */*
Accept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.9
Connection: keep-alive
Cookie: PHPSESSID=ns9mjve234erh0qerlcl180v52
Host: localhost
Referer: http://localhost/tp/
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)

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);
登入後複製

你會發現如下:

##使用jquery 傳送ajax請求的時候、比使用原生js 中的ajax 多一個請求頭X-Requested-With: XMLHttpRequest。

而 ThinkPHP 就是利用判讀是否存在請求頭這種原理去定義常數 IS_AJAX 的。

那要怎麼解決這個問題呢?

在發送ajax請求的時候設定一個對應的請求頭資訊。

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;
        }
    }
}
登入後複製
設定完之後、再次看請求頭資訊、與之前的比較、多了一條

Accept: */*
Accept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.9
Connection: keep-alive
Cookie: PHPSESSID=ns9mjve234erh0qerlcl180v52
Host: localhost
Referer: http://localhost/tp/index.php/Home/Index/show
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
登入後複製
如此問題便解決了。

以上是ThinkPHP中使用IS_AJAX判斷原生JS中的Ajax出現問題的解決方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:cnblogs.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板