这段时间遇到个问题,就是需要对页面中的所有ajax请求进行监听,因为页面中涉及了很多的subapp,是不同人做的,我没有办法在他们那里进行监听,只能在一个大家都调用的文件里面写监听,我首先想到了jQuery的全局监听ajaxComplete,ajaxSuccess,发现部分的ajax请求可以监听,然后其它的一些请求监听不了,全是用的公司自己写的tag,然后就奇怪,为什么都是ajax,我怎么就监听不都,搜了好多资料,发现原来jQuery这家伙只监听自己用jQuery写的ajax,其它的不监听,然后又搜了好多资料,按照网上写的,又加了些自己的东西,就写了下面那段代码,
<script type='text/javascript'>
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';
return open.apply(this, arguments);//可以理解成是继承,继承open对象中的属性和方法
}
function sendReplacement(data) {
if(this.onreadystatechange) {
this._onreadystatechange = this.onreadystatechange;
}
this.onreadystatechange = onReadyStateChangeReplacement;
return send.apply(this, arguments);
}
function onReadyStateChangeReplacement() {
//如果不判断readyState等于4,state只要变化,就进了if内,会导致一个ajax call,多次打印
if(this._onreadystatechange&&this.readyState==4) {
//我这里是需要对ajax中的json类型进行过滤
if(this.getResponseHeader("Content-Type")=='application/json'){
if(this.responseText){
var obj = eval('('+this.responseText+')');
console.log('NAME'+obj.emptyFlag+"\n");
}
}
return this._onreadystatechange.apply(this, arguments);
}
}
//可以打印js对象
function dump_obj(myObject) {
var s = "";
for (var property in myObject) {
s = s + "\n "+property +": " + myObject[property] ;
}
console.log(s);
}
window.XMLHttpRequest.prototype.open = openReplacement;
window.XMLHttpRequest.prototype.send = sendReplacement;
</script>
这段代码只需要简单复制 即可使用,唯一不便是不适用IE6,其它都适用
下面这段也行,但是是对发送的时候进行监听,不监听回来的数据
<script type='text/javascript'>
var s_ajaxListener = new Object();
s_ajaxListener.tempOpen = XMLHttpRequest.prototype.open;
s_ajaxListener.tempSend = XMLHttpRequest.prototype.send;
s_ajaxListener.callback = function () {
// this.method :the ajax method used
// this.url :the url of the requested script (including query string, if any) (urlencoded)
// this.data :the data sent, if any ex: foo=bar&a=b (urlencoded)
}
XMLHttpRequest.prototype.open = function(a,b) {
if (!a) var a='';
if (!b) var b='';
s_ajaxListener.tempOpen.apply(this, arguments);
s_ajaxListener.method = a;
s_ajaxListener.url = b;
if (a.toLowerCase() == 'get') {
s_ajaxListener.data = b.split('?');
s_ajaxListener.data = s_ajaxListener.data[1];
}
}
XMLHttpRequest.prototype.send = function(a,b) {
if (!a) var a='';
if (!b) var b='';
s_ajaxListener.tempSend.apply(this, arguments);
if(s_ajaxListener.method.toLowerCase() == 'post')s_ajaxListener.data = a;
s_ajaxListener.callback();
}
</script>