ThinkPHP中使用IS_AJAX判断原生JS中的Ajax出现问题的解决方法-php教程-PHP中文网

ThinkPHP中使用IS_AJAX判断原生JS中的Ajax出现问题的解决方法

不言

发布： 2019-01-12 10:13:29

转载

4005人浏览过

本篇文章给大家带来的内容是关于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(&#39;IS_AJAX&#39;,       ((isset($_SERVER[&#39;HTTP_X_REQUESTED_WITH&#39;]) && strtolower($_SERVER[&#39;HTTP_X_REQUESTED_WITH&#39;]) == &#39;xmlhttprequest&#39;) || !empty($_POST[C(&#39;VAR_AJAX_SUBMIT&#39;)]) || !empty($_GET[C(&#39;VAR_AJAX_SUBMIT&#39;)])) ? true : false);

登录后复制

你会发现如下：

使用 jquery 发送 ajax 请求的时候、比使用原生 js 中的 ajax 多一个请求头 X-Requested-With: XMLHttpRequest。

而且 ThinkPHP 就是利用判读是否存在请求头这种原理去定义常量 IS_AJAX 的。

那怎么解决这个问题呢？

在发送ajax请求的时候设置一个对应的请求头信息。

function page( page )
{
    var ajax = new XMLHttpRequest()
    ajax.open( &#39;get&#39;, &#39;__URL__/show?page=&#39;+page, true )
    ajax.setRequestHeader("X-Requested-With", "XMLHttpRequest");
    ajax.send()
    ajax.onreadystatechange = function ()
    {
        if ( ajax.readyState == 4 && ajax.status == 200 ) 
        {
            document.getElementById( &#39;box&#39; ).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

登录后复制