Detaillierte Erläuterung der Schritte zum Implementieren des Ladefortschrittsbalkens mit Ajax

Dieses Mal werde ich Ihnen eine detaillierte Erklärung der Schritte zum Implementieren des Ajax-Ladevorgangs geben. Was sind die Vorsichtsmaßnahmen für die Ajax-Implementierung des Ladefortschrittsbalkens? , lasst uns einmal einen Blick darauf werfen.

ajax beforeSend:

Lassen Sie uns vorher darüber sprechenSenden Sie es, bevor die Anfrage ausgeführt wird Es kann beispielsweise den Benutzer ermitteln. Sind Sie angemeldet? Wenn nicht, stoppen Sie die Anfrage und fragen Sie nach.

  $.ajax({
    url : 'my_action',
    dataType: 'script',
    beforeSend : function(xhr, opts){
      if(1 == 1) //just an example
      {
        xhr.abort(); // 停止请求
      }
    },
    complete: function(){
      console.log('DONE');
    }
  });

$.ajax hat einen Parameter abgeschlossen: function(){} wird ausgeführt, nachdem die Anfrage abgeschlossen ist. Es kann mit beforeSend verwendet werden, um den Fortschrittsbalken anzuzeigen

Zum Beispiel:

   $.ajax({
        url : 'my_action',
        dataType: 'script',
        beforeSend : function(){
          // 设置 进度条到20%慢慢变到50%
        },
        complete: function(){
          // 设置 进度条到80%
        }
        success：function(){
          // 渲染页面
          // 进度到100%
        }
      });

Dies ist nur der Fortschrittsbalken, den Sie auf der Oberfläche sehen und der den ungefähren Fortschritt anzeigt, nicht den tatsächlichen Ladefortschritt.

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:

So bedienen Sie Ajax, um eine Anfrage-Sprungseite zu posten

Detaillierte Ajax-Schritte zum Hochladen von Dateien und Parametern

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Schritte zum Implementieren des Ladefortschrittsbalkens mit Ajax. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!