ThinkPHP で IS_AJAX を使用してネイティブ JS の Ajax の問題を特定する方法

この記事の内容は、ThinkPHP で IS_AJAX を使用してネイティブ JS での Ajax 問題の解決策を決定することに関するものです。これには特定の参考値があります。必要な友人は参照できます。お役に立てれば幸いです。

問題:

ThinkPHP でネイティブ JS を使用して Ajax リクエストを開始する場合、コントローラーは判断に IS_AJAX を使用できません。 jQueryでajaxを使用しても問題ありません。

ThinkPHP には、ajax リクエストを決定する定数 IS_AJAX があります。

Ajax リクエストは、通常 2 つの状況で使用されます: 1 つはネイティブ JS の ajax リクエストで、もう 1 つは ajax リクエストです。 jQueryの質問。

分析:

まず、ajax を使用して jQuery でリクエストを送信するときのヘッダー情報を確認します。

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

次に、定数 IS_AJAX が TP でどのように定義されているかを確認します:

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 が 1 つ多くなります。

そして、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 中国語 Web サイトの他の関連記事を参照してください。