Heim  >  Artikel  >  Web-Frontend  >  Ajax implementiert den Ladeeffekt

Ajax implementiert den Ladeeffekt

php中世界最好的语言
php中世界最好的语言Original
2018-04-25 16:00:223775Durchsuche

Dieses Mal bringe ich Ihnen Ajax, um den Loading-Effekt zu implementieren. Was sind die Vorsichtsmaßnahmen für Ajax, um den Loading-Effekt zu implementieren?

Während des Prozesses der Ajax-Hintergrunddatenanforderung möchten wir manchmal, dass der Benutzer weiß, dass der Seitenhintergrund noch etwas tut. Zu diesem Zeitpunkt müssen wir dem Benutzer eine sehr klare Aufforderung geben, was wir tun Aufruf Fortschrittsbalken

Implementierungsprinzip:

Jquery kann Ajax global festlegen, um Ähnliches zu erreichen Zum aspektorientierten Effekt in C# können wir vor und nach Abschluss der Übermittlung eine Reihe von Vorgängen für Ajax ausführen, sodass wir das Ladefeld anzeigen können, wenn Ajax gestartet wird und wenn die Ajax-Anfrage abgeschlossen ist. Danach können wir Schließen Sie die Ladebox und erzielen Sie diesen Effekt im Grunde perfekt.

Der Weg, Ajax global für Jquery zu konfigurieren, ist:

$.ajaxSetup({
beforeSend: function () {
//ajax请求之前
},
complete: function () {
//ajax请求完成,不管成功失败
},
error: function () {
//ajax请求失败
}
});

Natürlich können auch die Konfigurationen von beforeSend/complete/error verwendet werden in einem einzigen Ajax. Schreiben Sie es zur Konfiguration in ajaxSetup und stellen Sie es auf die öffentliche Seite.

Zum Schluss präsentieren Sie der Einfachheit halber den Code. Um den Ladeeffekt zu erzielen, müssen wir CSS nicht manuell schreiben. Dies ist schließlich nicht unsere Stärke. Schüler, die dazu in der Lage sind, können den Ladeeffekt selbst schreiben und ihn manuell steuern Anzeigen und Ausblenden. Wenn Sie es direkt kopieren möchten, stellen Sie bitte die Ebene vor: http://layer.layui.com/

Eine Sache, die hier erklärt werden muss, ist, dass es mehrere Ajaxe gibt gleichzeitig kann es sein, dass einer geladen wird und die anderen verloren gehen. Dafür fallen mir die folgenden zwei Lösungen ein:

■ Meine aktuelle Lösung besteht darin, ihn mehrere öffnen zu lassen (. die Koordinaten sind alle gleich und können nicht gesehen werden) und schalten Sie sie dann aus. Schließen Sie, was auch immer darüber ist. Was ich hier mache, ist, einen Indexparameter zu ajaxSetup hinzuzufügen (dieses Ding kann andernfalls nur in das festgelegte Objekt geschrieben werden). Alle Ajaxe teilen sich immer noch den gleichen. Was soll ich mit dem Index tun?

■ Es gibt eine andere Lösung, mit der Sie diese Steuerlogik selbst schreiben können. Zeigen Sie nur ein Ladefeld an und schreiben Sie in das Ladefeld, wie viele Ajax-Parameter gerade ausgeführt werden, ähnlich wie bei

Behalten Sie bei jedem Start oder Ende den Wert von Ajax-Cout bei und beurteilen Sie, wann Ajax endet. Wenn die Daten-Ajax-Anzahl kleiner oder gleich 0 ist, sollte dies der Fall sein Es ist möglich, p auszublenden, aber ich habe diese Methode nicht geübt. Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in den anderen verwandten Artikeln php Chinesische Website!

Empfohlene Lektüre:

Detaillierte Erläuterung der Schritte zum Aufrufen der Ajax+PHP-Steuerfunktion


Detaillierte Erläuterung der Verwendung von AJAX Anforderungswarteschlange

Das obige ist der detaillierte Inhalt vonAjax implementiert den Ladeeffekt. 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