Heim Web-Frontend js-Tutorial jQuery implementiert die Methode zur Überwachung aller Ajax-Anfragen auf der Seite

jQuery implementiert die Methode zur Überwachung aller Ajax-Anfragen auf der Seite

Jul 02, 2018 pm 02:24 PM
ajax请求 jquery 监控

In diesem Artikel wird hauptsächlich die Methode von jQuery zum Überwachen aller Ajax-Anfragen auf der Seite vorgestellt, die die Bestimmungsfähigkeiten von Ajax-Anfragen in jQuery umfasst. Es hat einen bestimmten Referenzwert.

Die Beispiele in In diesem Artikel wird beschrieben, wie jQuery die Methode zur Überwachung aller Ajax-Anfragen auf der Seite implementiert. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Sind Sie jemals auf ein solches Problem gestoßen: Die Seite initiiert zwei Ajax-Anfragen in der Hoffnung, dass diese erfolgreich sind, bevor eine weitere Aktion ausgeführt wird?

Die einfachste Lösung besteht darin, zu warten, bis einer von ihnen beendet ist, bevor der andere gestartet wird. Dieser Vorgang wird mithilfe einer Rückruffunktion abgeschlossen.

Was passiert jedoch, wenn einer der Ajax-Anfragecodes nicht von Ihnen geschrieben wurde und Sie ihn nicht ändern können?

Mit anderen Worten, Sie möchten nur wissen, wann eine bestimmte URL-Anfrage endet, und möchten sich nicht um andere Anfragen kümmern. Was sollten Sie tun?

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
  </head>
  <body>
    <p id="test"></p>
  </body>
  <script src="js/jquery-1.11.0.min.js"></script>
  <!--首先在页面引入jquery的后面,紧接着以下代码:-->
  <script>
    //前提:所有ajax请求都是用jquery的$.ajax发起的,而非原生的XHR;
    var ajaxBack = $.ajax;
    var ajaxCount = 0;
    var allAjaxDone = function(){$(&#39;#test&#39;).append(&#39;all done!<br>&#39;);} //一行代码,就可以知道所有ajax请求什么时候结束
    //由于get/post/getJSON等,最后还是调用到ajax,因此只要改ajax函数即可
    $.ajax = function(setting){
      ajaxCount++;
      var cb = setting.complete;
      setting.complete = function(){
        if($.isFunction(cb)){cb.apply(setting.context, arguments);}
        ajaxCount--;
        if(ajaxCount==0 && $.isFunction(allAjaxDone)){
          allAjaxDone();
        }
      }
      ajaxBack(setting);
    }
  </script>
  <!--以下是别人的script-->
  <script>
    $.ajax({url: &#39;js/jquery-1.11.0.min.js&#39;, success: function(recv){$(&#39;#test&#39;).append(&#39;别人的ajax请求1,done<br>&#39;)}});
  </script>
  <script>
    $.get(&#39;css/main.css&#39;, null, function(recv){$(&#39;#test&#39;).append(&#39;别人的get请求,done<br>&#39;)});
  </script>
  <script>
    $.post(&#39;css/main.css&#39;, null, function(recv){$(&#39;#test&#39;).append(&#39;别人的post请求,done<br>&#39;)});
  </script>
</html>
Nach dem Login kopieren

Andere verwandte Funktionen:

$.ajax:

Fehler: Wird aufgerufen, wenn ein Fehler auftritt, den Sie verwenden können falsche Anfragen zu melden.
vollständig: Wird unabhängig von Erfolg oder Misserfolg aufgerufen

In höheren Versionen:

$.promise
$.when

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

Implementierung der globalen Überprüfung unter BootstrapValidator basierend auf jQuery

Einführung in die Methode der jQuery-Implementierung von Ajax WCF-Dienste anrufen

Das obige ist der detaillierte Inhalt vonjQuery implementiert die Methode zur Überwachung aller Ajax-Anfragen auf der Seite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie verwende ich die PUT-Anfragemethode in jQuery? Wie verwende ich die PUT-Anfragemethode in jQuery? Feb 28, 2024 pm 03:12 PM

Wie verwende ich die PUT-Anfragemethode in jQuery? In jQuery ähnelt die Methode zum Senden einer PUT-Anfrage dem Senden anderer Arten von Anfragen, Sie müssen jedoch auf einige Details und Parametereinstellungen achten. PUT-Anfragen werden normalerweise zum Aktualisieren von Ressourcen verwendet, beispielsweise zum Aktualisieren von Daten in einer Datenbank oder zum Aktualisieren von Dateien auf dem Server. Das Folgende ist ein spezifisches Codebeispiel, das die PUT-Anforderungsmethode in jQuery verwendet. Stellen Sie zunächst sicher, dass Sie die jQuery-Bibliotheksdatei einschließen. Anschließend können Sie eine PUT-Anfrage senden über: $.ajax({u

Wie entferne ich das Höhenattribut eines Elements mit jQuery? Wie entferne ich das Höhenattribut eines Elements mit jQuery? Feb 28, 2024 am 08:39 AM

Wie entferne ich das Höhenattribut eines Elements mit jQuery? Bei der Front-End-Entwicklung müssen wir häufig die Höhenattribute von Elementen manipulieren. Manchmal müssen wir möglicherweise die Höhe eines Elements dynamisch ändern, und manchmal müssen wir das Höhenattribut eines Elements entfernen. In diesem Artikel wird erläutert, wie Sie mit jQuery das Höhenattribut eines Elements entfernen, und es werden spezifische Codebeispiele bereitgestellt. Bevor wir jQuery zum Betreiben des Höhenattributs verwenden, müssen wir zunächst das Höhenattribut in CSS verstehen. Das Höhenattribut wird verwendet, um die Höhe eines Elements festzulegen

jQuery-Tipps: Ändern Sie schnell den Text aller a-Tags auf der Seite jQuery-Tipps: Ändern Sie schnell den Text aller a-Tags auf der Seite Feb 28, 2024 pm 09:06 PM

Titel: jQuery-Tipps: Ändern Sie schnell den Text aller Tags auf der Seite. In der Webentwicklung müssen wir häufig Elemente auf der Seite ändern und bedienen. Wenn Sie jQuery verwenden, müssen Sie manchmal den Textinhalt aller a-Tags auf der Seite gleichzeitig ändern, was Zeit und Energie sparen kann. Im Folgenden wird erläutert, wie Sie mit jQuery den Text aller Tags auf der Seite schnell ändern können, und es werden spezifische Codebeispiele angegeben. Zuerst müssen wir die jQuery-Bibliotheksdatei einführen und sicherstellen, dass der folgende Code in die Seite eingefügt wird: &lt

Laravel-Überwachungsfehler: Verbessern Sie die Anwendungsstabilität Laravel-Überwachungsfehler: Verbessern Sie die Anwendungsstabilität Mar 06, 2024 pm 04:48 PM

Die Überwachung von Fehlern in Laravel ist ein wichtiger Bestandteil zur Verbesserung der Anwendungsstabilität. Während des Entwicklungsprozesses treten zwangsläufig verschiedene Fehler auf. Die rechtzeitige Erkennung und Behebung dieser Fehler ist einer der Schlüssel zur Gewährleistung des normalen Betriebs der Anwendung. Laravel bietet eine Fülle von Tools und Funktionen, die Entwicklern bei der Überwachung und Behandlung von Fehlern helfen. In diesem Artikel werden einige wichtige Methoden vorgestellt und spezifische Codebeispiele angehängt. 1. Protokollierung nutzen Die Protokollierung ist eines der wichtigsten Mittel zur Fehlerüberwachung. Laravel verfügt über ein leistungsstarkes integriertes Protokollierungssystem, Entwickler

Verwenden Sie jQuery, um den Textinhalt aller a-Tags zu ändern Verwenden Sie jQuery, um den Textinhalt aller a-Tags zu ändern Feb 28, 2024 pm 05:42 PM

Titel: Verwenden Sie jQuery, um den Textinhalt aller Tags zu ändern. jQuery ist eine beliebte JavaScript-Bibliothek, die häufig zur Verarbeitung von DOM-Operationen verwendet wird. Bei der Webentwicklung müssen wir häufig den Textinhalt des Link-Tags (eines Tags) auf der Seite ändern. In diesem Artikel wird erläutert, wie Sie mit jQuery dieses Ziel erreichen, und es werden spezifische Codebeispiele bereitgestellt. Zuerst müssen wir die jQuery-Bibliothek in die Seite einführen. Fügen Sie den folgenden Code in die HTML-Datei ein:

Wird die Sunflower-Fernbedienung überwacht? Wird die Sunflower-Fernbedienung die Privatsphäre preisgeben? Wird die Sunflower-Fernbedienung überwacht? Wird die Sunflower-Fernbedienung die Privatsphäre preisgeben? Mar 15, 2024 pm 05:28 PM

Wird die Sunflower-Fernbedienung überwacht? Die Sunflower-Fernbedienungssoftware kann Benutzern helfen, schnell Informationen von einem anderen Computer usw. abzurufen. Es gibt jedoch auch viele Benutzer, die sich Sorgen um die Sicherheit ihrer eigenen Computer machen. Lassen Sie den Benutzer diese Frage beantworten. Wird die Sunflower-Fernbedienung überwacht? Antwort: Nein. Obwohl Sunflower Remote Control dazu in der Lage ist, werden große Softwareunternehmen wie Sunflower Remote Control, die seit vielen Jahren etabliert sind, so etwas nicht tun. Für Büroangestellte ist eine Software, die möglicherweise auf ihren Computern installiert werden muss, die Fernsteuerung. Für viele Menschen kann die Bedienung des aktuellen Computers aus der Ferne viel Zeit sparen, unabhängig davon, ob sie von zu Hause aus arbeiten oder weil sie nicht in der Lage sind, das Haus zu verlassen.

Wie kann man feststellen, ob ein jQuery-Element ein bestimmtes Attribut hat? Wie kann man feststellen, ob ein jQuery-Element ein bestimmtes Attribut hat? Feb 29, 2024 am 09:03 AM

Wie kann man feststellen, ob ein jQuery-Element ein bestimmtes Attribut hat? Wenn Sie jQuery zum Betreiben von DOM-Elementen verwenden, stoßen Sie häufig auf Situationen, in denen Sie feststellen müssen, ob ein Element ein bestimmtes Attribut hat. In diesem Fall können wir diese Funktion einfach mit Hilfe der von jQuery bereitgestellten Methoden implementieren. Im Folgenden werden zwei häufig verwendete Methoden vorgestellt, um festzustellen, ob ein jQuery-Element über bestimmte Attribute verfügt, und um spezifische Codebeispiele anzuhängen. Methode 1: Verwenden Sie die Methode attr() und den Operator typeof //, um zu bestimmen, ob das Element ein bestimmtes Attribut hat

Verstehen Sie die Rolle und Anwendungsszenarien von eq in jQuery Verstehen Sie die Rolle und Anwendungsszenarien von eq in jQuery Feb 28, 2024 pm 01:15 PM

jQuery ist eine beliebte JavaScript-Bibliothek, die häufig zur DOM-Manipulation und Ereignisbehandlung in Webseiten verwendet wird. In jQuery wird die Methode eq() verwendet, um Elemente an einer bestimmten Indexposition auszuwählen. Die spezifischen Verwendungs- und Anwendungsszenarien sind wie folgt. In jQuery wählt die Methode eq() das Element an einer angegebenen Indexposition aus. Indexpositionen beginnen bei 0 zu zählen, d. h. der Index des ersten Elements ist 0, der Index des zweiten Elements ist 1 und so weiter. Die Syntax der eq()-Methode lautet wie folgt: $("s

See all articles