我需要在购物车中构建一个功能,使用AJAX在某些更改(例如产品被删除)时从服务器检索模板的更新副本。我无法修改服务器端代码,或者使购物车首先运行的JavaScript。 (不太理想,我知道,但这是怎么回事)
解决方法
这是一个老问题,但也许这个答案可以帮助别人。
要遵循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 …