任何情况都有效的ajax全局回调

最新推荐文章于 2021-11-23 17:16:30 发布

未知数

最新推荐文章于 2021-11-23 17:16:30 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端 ajax 文章标签： ajax全局回调原生ajax全局回调 XMLHttpRequest全局回调 XMLHttpRequest全局拦截原生ajax全局事件

本文链接：https://blog.youkuaiyun.com/wzs_xyz/article/details/50035313

前端同时被 2 个专栏收录

3 篇文章

订阅专栏

ajax

1 篇文章

订阅专栏

本文介绍了一种通过修改XMLHttpRequest原型来拦截所有AJAX请求的方法，适用于各种框架或原生实现，可获取请求详情及响应内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这儿说的任何情况，就是使用任意框架的ajax函数，或不使用任何框架的原生ajax，本方法总是有效。另，本方法js在任意位置执行均可生效。特殊说明：浏览器需支持XMLHttpRequest对象，对使用activex的垃圾ie自己想办法。

简单的东西直接上代码：

var oldSend = XMLHttpRequest.prototype.send;
XMLHttpRequest.prototype.send = function(){
  console.log(arguments); //这儿写请求的处理，也可以终止请求
  var oldCallback = this.onreadystatechange;
  this.onreadystatechange = function(){
    if(this.responseText) { // 这儿可以获取到响应
      console.log(this.responseText);
    }
    oldCallback.apply(this, arguments);
   }
  oldSend.apply(this, arguments);
}

最后，友情提示下写js代码的一条原则，尤其是写组件时：

不要在内置对象原型上扩展或修改！

重要的事情说三遍，本方法修改了内置对象的原型方法，所以请谨慎使用。