So verwenden Sie Ajax, um den Server aufzufordern, beim Laden einer Datenliste zum Laden aufzufordern

Der folgende Editor bringt Ihnen einen Artikel darüber, wie Sie mit Ajax den Server zum Laden einer Datenliste auffordern und zum Laden auffordern. Der Herausgeber findet es ziemlich gut, deshalb teile ich jetzt den Ajax-Quellcode mit Ihnen und gebe ihn als Referenz. Folgen wir dem Editor, um zu sehen, wie man mit Ajax den Server zum Laden der Datenliste auffordert.

Wir verwenden weui.loading in weui.js als Effekt und die Methoden beforeSend und Complete von Ajax, um eine zu erstellen Laden Das Laden der Daten dauert einige Sekunden...

Die JS-Datei, die auf die Seite geladen werden muss:

< ;script src=" ../js/libs/weui.min.js">2cacc6d41bbb37262a98f745aa00fbf0

Sie können es aus der Dokumentation von weui herunterladen: https://weui. io/weui.js/

Hier sprechen wir hauptsächlich über jQuery-Ajax-Get. Die Struktur lautet:

$.ajax({
  type: 'get',
  url: url,
  data: data,
  dataType: 'json',
  contentType: 'apllication/json; charset=utf-8' ,
  //数据加载前调用的方法 beforeSend()
  beforeSend: function(data){
   //这里判断，如果没有加载数据，会显示loading    
   if(data.readyState == 0){ 
     weui.loading('loading');   
   }
  },
  //数据加载成功调用的方法 sucess()
  sucess: function(data){
    //这里写数据加载成功后，会执行的代码
  },  
  //数据加载成功后调用的方法  complete()
  complete: function(data){
    //这里判断，数据加载成功之后，loading 隐藏
    if(data.status == 200){
      setTimeOut(function(){
        weui.loading('loading').hide();
      },500);
    }
  },
  //数据加载错误后调用的方法 error()
  error: function(data){
    weui.topTips('数据加载失败！');
  }
})

Die oben beschriebene Methode, Ajax geschickt zu verwenden, um den Server zum Laden einer Datenliste aufzufordern und die Lademethode anzufordern, ist der gesamte vom Herausgeber geteilte Inhalt. Ich hoffe, dass er Ihnen eine Referenz geben kann, und ich hoffe, dass Sie dies auch tun werden Unterstützen Sie die chinesische PHP-Website.

Verwandte Empfehlungen:

Detaillierte Beispiele für die Ajax-Implementierung der Ladedatenfunktion

Beispiele für die Verwendung von Ajax

Detailliertes Beispiel für die Verarbeitung von Daten, nachdem Ajax an den Java-Hintergrund übermittelt wurde

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Ajax, um den Server aufzufordern, beim Laden einer Datenliste zum Laden aufzufordern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!