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

前端之家收集整理的这篇文章主要介绍了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 …

猜你在找的jQuery相关文章