微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

JQuery可以从其他javascript收听AJAX调用吗?

我需要在购物车中构建一个功能,使用AJAX在某些更改(例如产品被删除)时从服务器检索模板的更新副本。我无法修改服务器端代码,或者使购物车首先运行的JavaScript。 (不太理想,我知道,但这是怎么回事)

我想做的是每次购物车更新时都运行自己的JavaScript。我想知道是否可以监听AJAX调用,并且每次都执行我的代码

解决方法

这是一个老问题,但也许这个答案可以帮助别人。

要遵循HTML文档上的所有ajax调用,您可以覆盖XMLHttpRequest原型。
这样,您可以观察对XMLHttpRequest对象的方法的操作。

这是一个小样本代码

var open = window.XMLHttpRequest.prototype.open,send = window.XMLHttpRequest.prototype.send,onReadyStateChange;

function openReplacement(method,url,async,user,password) {
    var syncMode = async !== false ? 'async' : 'sync';
    console.warn(
        'Preparing ' +
        syncMode +
        ' HTTP request : ' +
        method +
        ' ' +
        url
    );
    return open.apply(this,arguments);
}

function sendReplacement(data) {
    console.warn('Sending HTTP request data : ',data);

    if(this.onreadystatechange) {
        this._onreadystatechange = this.onreadystatechange;
    }
    this.onreadystatechange = onReadyStateChangeReplacement;

    return send.apply(this,arguments);
}

function onReadyStateChangeReplacement() {
    console.warn('HTTP request ready state changed : ' + this.readyState);
    if(this._onreadystatechange) {
        return this._onreadystatechange.apply(this,arguments);
    }
}

window.XMLHttpRequest.prototype.open = openReplacement;
window.XMLHttpRequest.prototype.send = sendReplacement;

有了这个示例,对于每个AJAX调用,您将在javascript控制台中发出警告。

这不是jQuery脚本,但是你可以根据需要使用jQuery。

这个解决方案可能不适用于IE 6或更早版本,但它可以在FF,IE7,Chrome,Opera,Safari …

原文地址:https://www.jb51.cc/jquery/182505.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐