suchen

Heim >Web-Frontend >js-Tutorial >So erstellen Sie eine Ajax-Anfrage für die Überwachungsseite mit jQuery

So erstellen Sie eine Ajax-Anfrage für die Überwachungsseite mit jQuery

php中世界最好的语言
php中世界最好的语言Original
2018-04-24 17:03:391748Durchsuche

Dieses Mal werde ich Ihnen jQuery zeigen, wie Sie eine Ajax-Anfrage für die Überwachungsseite stellen Das Folgende ist ein praktischer Fall. Sind Sie schon einmal auf dieses Problem gestoßen: Die Seite initiiert zwei Ajax-Anfragen, in der Hoffnung, dass beide erfolgreich sind, bevor eine weitere Aktion ausgeführt wird?

Die einfachste Lösung besteht darin, auf das Ende einer davon zu warten, bevor die andere eingeleitet wird. Dieser Vorgang wird mit der

Rückruffunktion

abgeschlossen. Was sollten Sie jedoch tun, 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. 

<!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(){$('#test').append('all done!<br>');} //一行代码，就可以知道所有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: 'js/jquery-1.11.0.min.js', success: function(recv){$('#test').append('别人的ajax请求1，done<br>')}});
  </script>
  <script>
    $.get('css/main.css', null, function(recv){$('#test').append('别人的get请求，done<br>')});
  </script>
  <script>
    $.post('css/main.css', null, function(recv){$('#test').append('别人的post请求，done<br>')});
  </script>
</html>

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
Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Was sind die Schritte zum einfachen Hochladen von Dateien mit Ajax+HTML


Detaillierte Erklärung der Schritte um Ajax zu verwenden

Das obige ist der detaillierte Inhalt vonSo erstellen Sie eine Ajax-Anfrage für die Überwachungsseite mit jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
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
Vorheriger Artikel：Was sind die Schritte, um das Hochladen von Dateien mit Ajax+HTML einfach zu implementieren?Nächster Artikel：Was sind die Schritte, um das Hochladen von Dateien mit Ajax+HTML einfach zu implementieren?

In Verbindung stehende Artikel

Mehr sehen