Ajax与Pjax请求在服务端是如何识别的

时间:2021-09-02 01:28:46

我在后台处理ajax和一般的网页请求时,一般是需要额外加个参数进行区分的。比如使用get参数的is_ajax=1,后台判断有is_ajax=1成立时,表明该请求是ajax请求,遂可区分处理。我正在使用的电商网站TPshop里边我遇到的都这样处理,如果一个接口可同时处理网页和jax的话,需要使用is_ajax来区分。

但我在看Thinkphp5的官方手册时,遇到里边说:

默认情况下,控制器在ajax请求会对返回类型自动转换,默认为json。

还有:

error方法会自动判断当前请求是否属于 Ajax 请求,如果属于Ajax请求则会自动转换为default_ajax_return配置的格式返回信息。

这两处分明就不是用is_ajax来区分网页和ajax请求的,那到底是什么原理呢?

翻一下源码:

/**
 * 当前是否Ajax请求
 * @access public
 * @param bool $ajax  true 获取原始ajax请求
 * @return bool
 */
public function isAjax($ajax = false)
{
    $value  = $this->server('HTTP_X_REQUESTED_WITH', '', 'strtolower');
    $result = ('xmlhttprequest' == $value) ? true : false;
    if (true === $ajax) {
        return $result;
    } else {
        return $this->param(Config::get('var_ajax')) ? true : $result;
    }
}

原来是根据$_SERVER[‘HTTP_X_REQUESTED_WITH‘]来设别的,所有的ajax请求都会带这个标识吗?

半夜寒羽的博客中有观点:

在发送ajax请求的时候,我们可以通过XMLHttpRequest这个对象,创建自定义的header头信息, 在jquery框架中,对于通过它的$.ajax,$.get, or $.post方法请求网页内容时,它会向服务器传递一个HTTP_X_REQUESTED_WITH的参数,php中就是在header一层判断是否是ajax请求,对应的根据$_SERVER['HTTP_X_REQUESTED_WITH']判断。

但又有网友遇到有些ajax框架是不带这个信息的,这就比较坑了,想想这又不是标准规范,带不带确实都得看个性的。所以,还是自己搞个is_ajax变量做判断妥一些。如果是自己开发的网站,用的是jquery,应该也无所谓了。

在看源码的时候随便看到了:

/**
 * 当前是否Pjax请求
 * @access public
 * @param bool $pjax  true 获取原始pjax请求
 * @return bool
 */
public function isPjax($pjax = false)
{
    $result = !is_null($this->server('HTTP_X_PJAX')) ? true : false;
    if (true === $pjax) {
        return $result;
    } else {
        return $this->param(Config::get('var_pjax')) ? true : $result;
    }
}

看来有一个非标准约束的标志出现了HTTP_X_PJAX(非标准的好像都带上‘X’)

那pjax又是什么玩意?我简单将我查阅的资料摘录一下。

history API中有几个新特性,分别是history.pushState和history.replaceState,我们把pushState+AJAX进行封装,合起来简单点叫,就是PJAX。

PJAX的基本思路是,用户点击一个链接,通过ajax更新页面变化的部分,然后使用HTML5的pushState修改浏览器的URL地址,这样有效地避免了整个页面的重新加载。

如何使用:

将jquery.pjax.js部署到你的页面中,将需要使用pjax的a链接进行绑定(不能绑定外域的url),如:

$('a').pjax({
  container: '#container', //内容替换的容器
  fx: 'fade',  //展现的动画,支持默认和fade, 可以自定义动画方式。
  cache: true,  //是否使用缓存
  storage: true,  //是否使用本地存储
  titleSuffix: '' //标题后缀
});

至于后台,跟处理ajax一样,只是用HTTP_X_PJAX来区分是否是pjax请求。

主要参考资料

1、 PHP判断ajax请求:HTTP_X_REQUESTED_WITH

2、 HTTP之X-Requested-With分析和思考

3、 PJAX的实现与应用

4、 pjax:ajax和pushState结合的js库

-end-