`

原生 js 拦截所有ajax请求 可用于油猴子

 
阅读更多
需要把所有ajax请求中的header取出来 所以写了如下代码 chrome测试通过
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="watch.js"></script>
</head>
<script>
    var A=XMLHttpRequest;
    var https=[];
    var C=function()
    {
        var a=new A();
        https.push(a);//保存所有ajax请求
        return a;
    }
    XMLHttpRequest=C;
    var a=new XMLHttpRequest();
    var url='http://localhost/index.php?act=temp';
    a.addEventListener('readystatechange',function(e){
        console.log(e.target);
    });
    console.log(XMLHttpRequest.XMLHttpRequestEventTarget);
    a.onreadystatechange=function()
    {
        console.log('abc');
    };
    a.open('GET',url);
    a.send(null);

</script>
<body>

</body>
</html>
  
分享到:
评论

相关推荐

    Js拦截全局ajax请求

    在JavaScript开发中,有时我们需要对全局的Ajax请求进行拦截,以便进行统一的处理,比如添加统一的错误处理、数据格式化、性能监控等。这种需求通常可以通过“Ajax Hook”技术来实现。Ajax Hook允许我们捕获并修改...

    原生javascript实现ajax 发送post请求

    原生javascript实现ajax发送pos请求,这样可以脱离jquery框架,

    原生JS实现ajax与ajax的跨域请求实例

    **原生JS实现AJAX** AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。以下是如何使用原生JavaScript实现一个简单的AJAX请求的步骤: 1. **创建...

    基于原生javascript封装的Ajax插件含Node测试接口

    在Node.js环境中,我们可以使用Express或Koa等Web框架搭建API接口,用于测试Ajax插件。这涉及到以下步骤: 1. **安装依赖**:安装Express或其他框架,以及可能需要的中间件,如`body-parser`(处理POST请求体)。 ...

    原生js的AJAX封装以及实例展示.zip

    这个压缩包"原生js的AJAX封装以及实例展示.zip"包含了对AJAX的简单封装以及一个具体的增删改查(CRUD)操作实例,这将帮助我们深入理解如何在实际项目中应用AJAX。 首先,让我们了解一下AJAX的基本原理。AJAX的核心...

    原生JavaScript实现Ajax异步请求

    所以接下来便用原生JavaScrpit实现一个简单的Ajax请求,并说明ajax请求中的跨域访问问题,以及多个ajax请求的数据同步问题。 JavaScript实现Ajax异步请求 简单的ajax请求实现 Ajax请求的原理是创建一个...

    原生JS封装的ajax方法,使用类似Jquery

    原生js封装的ajax,使用上类似jquery一样便捷,里边有示例,可以参考

    原生JS写Ajax的请求函数功能

    标题中提到的"原生JS写Ajax的请求函数功能"指的是使用JavaScript原生语言编写发送和接收HTTP请求的函数,这一过程通常被称为Ajax(Asynchronous JavaScript and XML)。Ajax使得网页可以在不重新加载整个页面的情况...

    AJAX 请求完成时执行函数。Ajax 事件。

    XMLHttpRequest(简称XHR)是JavaScript内置的对象,用于在后台与服务器进行异步数据交换。我们可以创建一个实例,然后使用它的方法来发送HTTP请求。 ```javascript var xhr = new XMLHttpRequest(); ``` 3. *...

    纯js封装原生ajax

    纯js封装原生ajax,XMLHttpRequest/ActiveXObject对象封装

    浏览器调试ajax请求

    本示例旨在帮助开发者调试针对Ajax请求的后台接口,确保它们能够正确处理跨域请求、支持Ajax方式并且能返回预期的数据。 首先,我们需要理解什么是跨域问题。由于浏览器的安全策略,同一源策略限制了JavaScript只能...

    Javascript原生ajax请求代码实例

    这里我们将深入探讨如何使用原生JavaScript实现一个简单的Ajax请求。 首先,我们需要创建一个名为`Ajax`的类,这个类将包含处理Ajax请求的所有必要方法和属性。在提供的代码实例中,`Ajax`类包含了以下关键组成部分...

    原生js实现ajax请求和JSONP跨域请求操作示例

    原生js实现ajax请求和JSONP跨域请求操作示例的知识点涉及了Web前端技术中的核心知识点,主要介绍的是如何使用JavaScript原生代码来发起网络请求以及如何处理跨域问题。以下是对给定文件内容中知识点的详细解读: 1....

    原生js+ajax通用函数+php

    本函数封装了js的ajax,php为处理后台数据,仅支持post,代码很简洁

    JavaScript案例-原生ajax查询所有用户

    总结,这个“JavaScript案例-原生ajax查询所有用户”涉及到的主要知识点包括:XMLHttpRequest对象的创建与使用、AJAX请求的配置与发送、以及服务器端的数据处理和返回。了解和掌握这些,能够帮助开发者构建动态、...

    实例讲解使用原生JavaScript处理AJAX请求的方法

    使用原生JavaScript处理AJAX请求,可以帮助开发者不依赖于外部库,如jQuery,也能有效地实现网络数据的异步交互。 在原生JavaScript中处理AJAX请求主要依靠的是XMLHttpRequest对象。以下是实现原生JavaScript处理...

    ajax的js,jq jsonp,的请求方式

    **Ajax技术** Ajax,全称为Asynchronous JavaScript and XML...总结,Ajax、jQuery、JavaScript和JSONP都是Web开发中用于提升用户体验和数据交互的重要工具。理解并熟练运用它们,可以极大地优化网站性能和交互设计。

    分享JavaScript监听全部Ajax请求事件的方法

    若Ajax请求是由jQuery的$.ajax发起的,默认情况下可以使用 jQuery的Global Ajax Event Handlers监听到Ajax事件,然而我遇到的却是用原生JavaScript发起的Ajax请求,所以这种方法行不通。 然后呢,还有其他方法,比如...

Global site tag (gtag.js) - Google Analytics