js拦截全局ajax请求

最新推荐文章于 2024-07-24 15:30:34 发布

lazy杜

最新推荐文章于 2024-07-24 15:30:34 发布

阅读量1.4w

点赞数

分类专栏： web前端/javascript 文章标签： ajax javascript web前端

本文链接：https://blog.csdn.net/duwen90/article/details/78329048

版权

这篇博客介绍了如何使用Ajax-hook库来全局拦截和修改JavaScript的Ajax请求，包括直接引入脚本、在CommonJs环境中的使用，以及hookAjax和unHookAjax API的详细说明。通过示例展示了拦截请求、改变请求行为，如限制HTTP方法、添加时间戳等，并提醒了拦截函数的返回值注意事项。

摘要由CSDN通过智能技术生成

你是否有过下面的需求：需要给所有ajax请求添加统一签名、需要统计某个接口被请求的次数、需要限制http请求的方法必须为get或post、需要分析别人网络协议等等，那么如何做？想想，如果能够拦截所有ajax请求，那么问题就会变的很简单！��，少年，想法有点大胆，不过，我欣赏！直接上轮子，Ajax-hook不仅可以满足你想要的，同时可以给你更多。

本博客原始地址：http://www.jianshu.com/p/9b634f1c9615
Ajax-hook源码地址 : https://github.com/wendux/Ajax-hook 欢迎star

注：本文为作者之前在简书博客发布的文章，掘金原创权限刚开，复制过来，如果您之前看过，跳过吧！

如何使用

一. 直接引入脚本

引入ajaxhook.js

<script src="wendu.ajaxhook.js"></script>

拦截需要的ajax 回调或函数。

hookAjax({
   //拦截回调
   onreadystatechange:function(xhr){
     
       console.log("onreadystatechange called: %O",xhr)
   },
   onload:function(xhr){
     
       console.log("onload called: %O",xhr)
   },
   //拦截函数
   open: