blocks|key|608424|text|尝试使用Mockjax.js+http://code.appendto.com/plugins/jquery-mockjax|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|608425|它允许您劫持对服务器的AJAX调用并模拟位置。|608426|entityMap|0|LINK|mutability|MUTABLE|url|http://code.appendto.com/plugins/jquery-mockjax^0|F|1B|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

Try using Mockjax.js <a href="http://code.appendto.com/plugins/jquery-mockjax" rel="nofollow">http://code.appendto.com/plugins/jquery-mockjax</a>

It lets you hijack AJAX calls to the server and mock the location.

blocks|key|608497|text|如果您使用的是jQuery，$.ajaxSuccess是一个很好的选择，但是这里有一个稍微通用一点的选项，它将拦截来自所有框架的XHR调用(我已经用ExtJS和jQuery测试过它-即使同时加载多个框架，它也应该可以工作)。它已经在IE8、Chrome和火狐浏览器上进行了测试。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|608498|(function(XHR)+{
++++"use+strict";

++++var+open+=+XHR.prototype.open;
++++var+send+=+XHR.prototype.send;

++++XHR.prototype.open+=+function(method,+url,+async,+user,+pass)+{
++++++++this._url+=+url;
++++++++open.call(this,+method,+url,+async,+user,+pass);
++++};

++++XHR.prototype.send+=+function(data)+{
++++++++var+self+=+this;
++++++++var+oldOnReadyStateChange;
++++++++var+url+=+this._url;

++++++++function+onReadyStateChange()+{
++++++++++++if(self.readyState+==+4+/*+complete+*/)+{
++++++++++++++++/*+This+is+where+you+can+put+code+that+you+want+to+execute+post-complete*/
++++++++++++++++/*+URL+is+kept+in+this._url+*/
++++++++++++}

++++++++++++if(oldOnReadyStateChange)+{
++++++++++++++++oldOnReadyStateChange();
++++++++++++}
++++++++}

++++++++/*+Set+xhr.noIntercept+to+true+to+disable+the+interceptor+for+a+particular+call+*/
++++++++if(!this.noIntercept)+{++++++++++++
++++++++++++if(this.addEventListener)+{
++++++++++++++++this.addEventListener("readystatechange",+onReadyStateChange,+false);
++++++++++++}+else+{
++++++++++++++++oldOnReadyStateChange+=+this.onreadystatechange;+
++++++++++++++++this.onreadystatechange+=+onReadyStateChange;
++++++++++++}
++++++++}

++++++++send.call(this,+data);
++++}
})(XMLHttpRequest);|code-block|syntax|javascript|608499|我已经发布了一个more+specific+example+on+github，它拦截AJAX调用并将AJAX调用持续时间发送回服务器进行统计分析。|608500|entityMap|0|LINK|mutability|MUTABLE|url|https://gist.github.com/2823600^0|E|D|0|0|8|V|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@]|D|@$9|Z|A|10|1|11]]|E|$]]|$1|M|3|-4|5|6|7|12|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

If you're using jQuery, <code>$.ajaxSuccess</code> is a good option, but here's a slightly more generic option that will intercept XHR calls from all frameworks (I've tested it with ExtJS and jQuery - it should work even if multiple frameworks are loaded concurrently). It's been tested to work with IE8, Chrome and Firefox.

<pre><code>(function(XHR) {
 "use strict";

 var open = XHR.prototype.open;
 var send = XHR.prototype.send;

 XHR.prototype.open = function(method, url, async, user, pass) {
 this._url = url;
 open.call(this, method, url, async, user, pass);
 };

 XHR.prototype.send = function(data) {
 var self = this;
 var oldOnReadyStateChange;
 var url = this._url;

 function onReadyStateChange() {
 if(self.readyState == 4 /* complete */) {
 /* This is where you can put code that you want to execute post-complete*/
 /* URL is kept in this._url */
 }

 if(oldOnReadyStateChange) {
 oldOnReadyStateChange();
 }
 }

 /* Set xhr.noIntercept to true to disable the interceptor for a particular call */
 if(!this.noIntercept) { 
 if(this.addEventListener) {
 this.addEventListener("readystatechange", onReadyStateChange, false);
 } else {
 oldOnReadyStateChange = this.onreadystatechange; 
 this.onreadystatechange = onReadyStateChange;
 }
 }

 send.call(this, data);
 }
})(XMLHttpRequest);
</code></pre>

I've posted a <a href="https://gist.github.com/2823600" rel="noreferrer">more specific example on github</a> which intercepts AJAX calls and posts the AJAX call durations back to the server for statistical analysis.

blocks|key|608533|text|截取ajax调用的原始javacript代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|608534|(function(send)+{
++++XMLHttpRequest.prototype.send+=+function(body)+{
++++++++var+info="send+data\r\n"%2Bbody;
++++++++alert(info);
++++++++send.call(this,+body);
++++};
})(XMLHttpRequest.prototype.send);|code-block|syntax|javascript|608535|拦截ajax的jQuery代码：|608536|$.ajaxSetup({
++++beforeSend:+function+(xhr,settings)+{
++++++++alert(settings.data);
++++++++alert(settings.url);
++++}
});|608537|参考：http://myprogrammingnotes.com/intercept-ajax-calls-jquery.html|offset|length|608538|entityMap|0|LINK|mutability|MUTABLE|url|http://myprogrammingnotes.com/intercept-ajax-calls-jquery.html^0|0|0|0|0|3|1Q|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|10|8|@]|9|@$M|11|N|12|1|13]]|A|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

The raw javacript code to intercept ajax calls:

<pre><code>(function(send) {
 XMLHttpRequest.prototype.send = function(body) {
 var info="send data\r\n"+body;
 alert(info);
 send.call(this, body);
 };
})(XMLHttpRequest.prototype.send);
</code></pre>

The jQuery code to intercept ajax:

<pre><code>$.ajaxSetup({
 beforeSend: function (xhr,settings) {
 alert(settings.data);
 alert(settings.url);
 }
});
</code></pre>

Reference: <a href="http://myprogrammingnotes.com/intercept-ajax-calls-jquery.html" rel="noreferrer">http://myprogrammingnotes.com/intercept-ajax-calls-jquery.html</a>

blocks|key|823575|text|最好的方法，就是我找到的https://lowrey.me/intercept-2/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|823576|const+intercept+=+(urlmatch,+callback)+=>+{
++let+send+=+XMLHttpRequest.prototype.send;
++XMLHttpRequest.prototype.send+=+function()+{
++++this.addEventListener('readystatechange',+function()+{
++++++if+(this.responseURL.includes(urlmatch)+&&+this.readyState+===+4)+{
++++++++callback(this);
++++++}
++++},+false);
++++send.apply(this,+arguments);
++};
};|code-block|syntax|javascript|823577|entityMap|0|LINK|mutability|MUTABLE|url|https://lowrey.me/intercept-2/^0|C|U|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

The best way, which I found <a href="https://lowrey.me/intercept-2/" rel="nofollow noreferrer">https://lowrey.me/intercept-2/</a>
<pre><code>const intercept = (urlmatch, callback) =&gt; {
 let send = XMLHttpRequest.prototype.send;
 XMLHttpRequest.prototype.send = function() {
 this.addEventListener('readystatechange', function() {
 if (this.responseURL.includes(urlmatch) &amp;&amp; this.readyState === 4) {
 callback(this);
 }
 }, false);
 send.apply(this, arguments);
 };
};
</code></pre>

I'm trying to intercept all AJAX calls in order to check if that AJAX response contains specific error code that I send as JSON from my PHP script (codes: ACCESS_DENIED, SYSTEM_ERROR, NOT_FOUND).

I know one can do something like this:

<pre><code>$('.log').ajaxSuccess(function(e, xhr, settings) {
});
</code></pre>

But - does this work only if "ajaxSuccess" event bubble up to .log div? Am I correct? Can I achieve what I want by binding "ajaxSuccess" event to document?

<pre><code>$(document).ajaxSuccess(function(e, xhr, settings) {
});
</code></pre>

I can do this in either jQuery or raw JavaScript.

Intercept all ajax calls?

服务器

jQuery

JSON

我正在尝试拦截所有AJAX调用，以检查AJAX响应是否包含我在PHP脚本中以JSON形式发送的特定错误代码(代码: ACCESS_DENIED、SYSTEM_ERROR、NOT_FOUND)。我知道有人可以这样做：$('.log').ajaxSuccess(function(e, xhr, settings) {});...

问是否拦截所有ajax调用？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否拦截所有ajax调用？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否拦截所有ajax调用？
EN