对页面上所有ajax的请求进行监听

这段时间遇到个问题,就是需要对页面中的所有ajax请求进行监听,因为页面中涉及了很多的subapp,是不同人做的,我没有办法在他们那里进行监听,只能在一个大家都调用的文件里面写监听,我首先想到了jQuery的全局监听ajaxComplete,ajaxSuccess,发现部分的ajax请求可以监听,然后其它的一些请求监听不了,全是用的公司自己写的tag,然后就奇怪,为什么都是ajax,我怎么就监听不都,搜了好多资料,发现原来jQuery这家伙只监听自己用jQuery写的ajax,其它的不监听,然后又搜了好多资料,按照网上写的,又加了些自己的东西,就写了下面那段代码,


这段代码只需要简单复制 即可使用,唯一不便是不适用IE6,其它都适用

下面这段也行,但是是对发送的时候进行监听,不监听回来的数据

 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();
}


你可能感兴趣的:(前台js)