JavaScript: AJAX-Anfragen erkennen

Gibt es irgendeine Möglichkeit zu erkennen, Globale AJAX-Aufrufe (besonders die Antworten) auf einer web-Seite mit generischen JavaScript (nicht mit Rahmen)?

Hab ich schon überprüft die Frage "JavaScript erkennen, ein AJAX-event", hier auf StackOverflow, und versucht das patchen in der akzeptierten Antwort den code in meine Anwendung, aber es funktionierte nicht. Ich habe noch nie etwas mit AJAX vor, entweder so, ich weiß nicht genug, um es zu ändern, um zu arbeiten.

Ich brauche nichts besonderes, ich muss nur erkennen, alle (spezifische, wirklich, aber ich würde schon zu erkennen, alle ersten und gehen von dort aus) AJAX Antworten und patch Sie in einer IF-Anweisung zum Einsatz. So, irgendwann möchte ich so etwas wie:

if (ajax.response == "certainResponseType"){
    //Code
}

zum Beispiel.

Update:
Es scheint, ich sollte klarstellen, dass ich nicht versuchen werde, um eine Anfrage zu senden - ich entwickle eine content-script und ich muss in der Lage sein, um erkennen der web-Seite der AJAX-Anfragen (nicht meine eigenen), so kann ich eine Funktion ausführen, wenn eine Antwort erfasst wird.

Kommentar zu dem Problem - Öffnen
Ich habe immer ausgiebig Google diese Dinge, bevor ich am Ende hier. Ich habe sogar überprüft, StackOverflow selbst, bevor ich gepostet. Kommentarautor: mythofechelon
Über das Update denke ich nicht, dass dies möglich ist, außerhalb der browser-Erweiterung. Kommentarautor: rekire
Sie glaube nicht, es ist nicht möglich, eine browser-Erweiterung? Ich kann nicht sehen, warum nicht, Sinn. Es läuft einfach standard-JavaScript. Kommentarautor: mythofechelon
Wenn ich Sie richtig verstanden: ich wollte sagen, dass ich denke, das ist nur möglich, in einem browser-Erweiterung. Kommentarautor: rekire
Es sollte kein problem sein dann, als content-script ist Teil einer browser-Erweiterung. (Sorry wegen der verwirrenden Natur von meinem letzten Kommentar. Ich bearbeitete es und vergessen zu entfernen, das erste "nicht") Kommentarautor: mythofechelon

InformationsquelleAutor der Frage mythofechelon | 2012-05-28

  1. 18

    Dies kann ein wenig schwierig sein. Wie wäre es damit?

    var _send = XMLHttpRequest.prototype.send;
XMLHttpRequest.prototype.send = function() {

    /* Wrap onreadystaechange callback */
    var callback = this.onreadystatechange;
    this.onreadystatechange = function() {             
         if (this.readyState == 4) {
             /* We are in response; do something,
                like logging or anything you want */
         }
         callback.apply(this, arguments);
    }

    _send.apply(this, arguments);
}

    Habe ich nicht getestet, aber es sieht mehr oder weniger gut.

    Beachten Sie, dass es möglicherweise nicht funktionieren, wenn Sie die Verwendung von frameworks (wie jQuery), da diese möglicherweise überschreiben onreadystatechange nach dem Aufruf send (ich glaube, jQuery). Oder Sie außer Kraft setzen können send Methode (aber dies ist unwahrscheinlich). So ist es eine partielle Lösung.

    EDIT: Heute (Anfang 2018) dies wird komplizierter, mit die neue fetch API. Global fetch Funktion muss überschrieben werden, wie auch in ähnlicher Weise.

    InformationsquelleAutor der Antwort freakish

  2. 28

    Hier einige code (getestet durch einfügen in Chrome 31.0.1650.63-Konsole) für das abfangen und protokollieren oder anderweitig Verarbeitung von ajax-requests und deren Antworten:

    (function() {
    var proxied = window.XMLHttpRequest.prototype.send;
    window.XMLHttpRequest.prototype.send = function() {
        console.log( arguments );
        //Here is where you can add any code to process the request. 
        //If you want to pass the Ajax request object, pass the 'pointer' below
        var pointer = this
        var intervalId = window.setInterval(function(){
                if(pointer.readyState != 4){
                        return;
                }
                console.log( pointer.responseText );
                //Here is where you can add any code to process the response.
                //If you want to pass the Ajax request object, pass the 'pointer' below
                clearInterval(intervalId);

        }, 1);//I found a delay of 1 to be sufficient, modify it as you need.
        return proxied.apply(this, [].slice.call(arguments));
    };


})();

    Dieser code löst das oben genannte Problem mit der akzeptierten Antwort:

    Beachten Sie, dass es möglicherweise nicht funktionieren, wenn Sie die Verwendung von frameworks (wie jQuery), weil
    Sie können überschreiben onreadystatechange nach dem Aufruf von send (denke ich
    jQuery). Oder können Sie überschreiben die Methode send (aber das ist unwahrscheinlich).
    So ist es eine partielle Lösung.

    Weil es sich nicht auf die 'onreadystatechange' callback wird un-verändert, sondern überwacht die "readyState" selbst.

    Angepasst ich die Antwort von hier: https://stackoverflow.com/a/7778218/1153227

    InformationsquelleAutor der Antwort Omn

  3. 11

    Gibt diesem einen Versuch. Erkennt Ajax Antworten, dann habe ich eine bedingte mit dem XMLHttpRequest-propoerties readyState & status Funktion ausführen, wenn Antwort status = OK

    var oldXHR = window.XMLHttpRequest;

function newXHR() {
    var realXHR = new oldXHR();
    realXHR.addEventListener("readystatechange", function() {
        if(realXHR.readyState==4 && realXHR.status==200){
            afterAjaxComplete() //run your code here
        }
    }, false);
    return realXHR;
}
window.XMLHttpRequest = newXHR;

    Geändert:
    Überwachen Sie alle JavaScript-Ereignisse in der browser-Konsole

    InformationsquelleAutor der Antwort mmguy

Schreibe einen Kommentar