Js 拦截全局ajax请求

JavaScript018

Js 拦截全局ajax请求,第1张

本博客原始地址: http://www.jianshu.com/p/9b634f1c9615

Ajax-hook源码地址 : https://github.com/wendux/Ajax-hook 欢迎star

ok, 我们使用jQuery(v3.1) 的get方法来测一下:

结果 :

拦截成功了! 我们也可以看到jQuery3.1内部已经放弃onreadystatechange而改用onload了。

假设在webpack下,第一步, 安装ajax-hook npm插件

第二步,引入模块并调用api:

拦截所有ajax请求,检测请求method,如果是“GET”,则中断请求并给出提示

拦截所有ajax请求,请求统一添加时间戳

修改请求返回的数据“responseText”

结果:

有了这些示例,相信开篇提到的需求都很容易实现。最后测一下unHook

输出:

相关链接:

Ajax-hook原理解析: http://www.jianshu.com/p/7337ac624b8e

BY THE WAY : 欢迎关注、star我的另一个开源项目 Neat.js !