从如何判断Ajax请求说起

不少框架中都有判断请求是否是ajax,以Yii为例,判断是否是ajax请求只要这样

Yii::app()->request->isAjaxRequest;

这个属性即表示是否为ajax请求,那么这个是如何判断的呢?
追溯源码发现Yii::app()->request指向CHttpRequest类,但是这个类里面没有
isAjaxRequest这个属性,这是为什么?搜索一下ajax关键字,发现有个方法:

 /**
 * Returns whether this is an AJAX (XMLHttpRequest) request.
 * @return boolean whether this is an AJAX (XMLHttpRequest) request.
 */
public function getIsAjaxRequest()
{
    return isset($_SERVER['HTTP_X_REQUESTED_WITH']) &&   $_SERVER['HTTP_X_REQUESTED_WITH']==='XMLHttpRequest';
}

还有个注释:

/**
* @property boolean $isAjaxRequest Whether this is an AJAX       (XMLHttpRequest) request.
*/

莫非跟魔术方法魔术变量有关?
搜了一下 "PHP property"
果不其然
搜到了这个:链接

@property shows a "magic" property variable that is found inside the class.
datatype should be a valid PHP type or "mixed." phpDocumentor will display the optional description unmodified, and defaults to "mixed" if the datatype is not present.

>The property is presumed to be available for both read and write operations. If the property is read-only, you should use the @property-read tag instead. If the property is write-only, use @property-write.

也就是说用@property标记的变量是魔术变量。
简单点说PHP在调用对象的某个属性的时候,当这个属性不存在的时候会去执行_get方法,同样有其他的类似的方法(_set等)【下划线实际是两个】
跟踪到Yii框架的CComponent类中,发现Yii将__get方法重写

/**
* Returns a property value, an event handler list or a behavior based on its name.
 * Do not call this method. This is a PHP magic method that we override
 * to allow using the following syntax to read a property or obtain event handlers:
 * <pre>
 * $value=$component->propertyName;
 * $handlers=$component->eventName;
 * </pre>
 * @param string $name the property name or event name
 * @return mixed the property value, event handlers attached to the event, or the named behavior
 * @throws CException if the property or event is not defined
 * @see __set
 */
public function __get($name)
{
    $getter='get'.$name;
    if(method_exists($this,$getter))
        return $this->$getter();
    elseif(strncasecmp($name,'on',2)===0 && method_exists($this,$name))
    {
        // duplicating getEventHandlers() here for performance
        $name=strtolower($name);
        if(!isset($this->_e[$name]))
            $this->_e[$name]=new CList;
        return $this->_e[$name];
    }
    elseif(isset($this->_m[$name]))
        return $this->_m[$name];
    elseif(is_array($this->_m))
    {
        foreach($this->_m as $object)
        {
            if($object->getEnabled() && (property_exists($object,$name) || $object->canGetProperty($name)))
                return $object->$name;
        }
    }
    throw new CException(Yii::t('yii','Property "{class}.{property}" is not defined.',
        array('{class}'=>get_class($this), '{property}'=>$name)));
}

也就是说,当调用Yii::app()->request->isAjaxRequest;时会尝试去执行
getIsAjaxRequest方法,果然,在CHttpRequest类中是有这个方法的:

/**
 * Returns whether this is an AJAX (XMLHttpRequest) request.
 * @return boolean whether this is an AJAX (XMLHttpRequest) request.
 */
public function getIsAjaxRequest()
{
    return isset($_SERVER['HTTP_X_REQUESTED_WITH']) && $_SERVER['HTTP_X_REQUESTED_WITH']==='XMLHttpRequest';
}

到这里框架的流程走清楚了,然后我们来看看它是如何判断是否为ajax请求的。
只要

$_SERVER['HTTP_X_REQUESTED_WITH'] = 'XMLHttpRequest';

就说明是ajax请求,那么$_SERVER['HTTP_X_REQUESTED_WITH']是什么呢?
'XMLHttpRequest'又代表着什么?

搜了一下$_SERVER,文档中是这样说的:

$_SERVER is an array containing information such as headers, paths, and script locations. The entries in this array are created by the web server. There is no guarantee that every web server will provide any of these; servers may omit some, or provide others not listed here. That said, a large number of these variables are accounted for in the » CGI/1.1 specification, so you should be able to expect those.

就是说$_SERVER是包含一系列环境信息,这些信息是由web server创建的,不保证每个web server都会创建,才疏学浅,我连web server指的是什么都不确定,是浏览器?还是服务器(apache/nginx)?从字面看是后者。但是请求的源头可是浏览器。

搜了一下 XMLHttpRequest,有这样的描述:

XMLHttpRequest对象可以在不向服务器提交整个页面的情况下,实现局部更新网页。
当页面全部加载完毕后,客户端通过该对象向服务器请求数据,服务器端接受数据并处理后,向客户端反馈数据。
XMLHttpRequest 对象提供了对 HTTP 协议的完全的访问,包括做出 POST 和 HEAD 请求以及普通的 GET 请求的能力。
XMLHttpRequest 可以同步或异步返回 Web 服务器的响应,并且能以文本或者一个 DOM 文档形式返回内容。
尽管名为 XMLHttpRequest,它并不限于和 XML 文档一起使用:它可以接收任何形式的文本文档。

XMLHttpRequest 对象是名为 AJAX 的 Web 应用程序架构的一项关键功能。
暂时不管这些,用chrome随便跟踪ajax一个请求:

q.png

发现在请求头部里面有这样的一项:

X-Requested-With:XMLHttpRequest

而非ajax请求里面是没有的,看来是浏览器这端自己定义的了。

由于使用的是jQuery,所以在jQuery源码中搜了一下,发现这一行:

if ( !options.crossDomain && !headers["X-Requested-With"] ) {
       headers["X-Requested-With"] = "XMLHttpRequest";
}

这段代码出现在jQuery.ajaxTransport(function( options ) )中
也就是说在jQuery中封装的ajax请求都会加上这个头部。
那么XMLHttpRequest来源清楚了,它又是怎么到$_SERVER中去的呢?
经过搜索资料发现,请求信息会被服务器(nginx/apache等)写入环境变量
以apache为例:
查看apache的配置文件发现它载入了这个模块

LoadModule setenvif_module modules/mod_setenvif.so

而这个模块正是根据客户端请求头字段设置环境变量。
简单的看了下说明,于是把apache的配置文件加上了这句:

SetEnv HTTP_X_REQUESTED_WITH lk

将HTTP_X_REQUESTED_WITH 的值设置为"lk"
于是打印出$_SERVER变量是这样的

w.png

好了,到这里,表面上的流程已经走完,也就知道了是如何判断ajax请求的。
大致归纳为

  • 浏览器端将特定的请求头设置为特定值,做为标识,每个浏览器端可能不同,服务端接收到后将其写入环境变量,PHP去读取环境变量判断是否是ajax请求。

至于实现的细节则需要阅读相关源码进一步地去了解,这里就不展开了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,189评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,577评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,857评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,703评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,705评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,620评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,995评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,656评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,898评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,639评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,720评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,395评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,982评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,953评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,195评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,907评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,472评论 2 342

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,594评论 18 139
  • 本文详细介绍了 XMLHttpRequest 相关知识,涉及内容: AJAX、XMLHTTP、XMLHttpReq...
    semlinker阅读 13,602评论 2 18
  • 大家好,我是IT修真院深圳分院第3期的学员,一枚正直纯洁善良的前端程序员,今天给大家分享一下,修真院官网前端工程师...
    大大头大阅读 7,526评论 1 72
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,567评论 18 399
  • 文:春夏秋冬 兰花,至为高贵! 却没有因为孔夫子的独喜挚爱, 而为世人推崇; 她只是权富人温室里的讽刺! 荷花,至...
    令狐Sphinx阅读 215评论 0 1