jQuery Ajax zeigt beim Laden von Daten die Ladeanimation asynchron an

Das Laden von Hintergrunddaten durch Ajax ist nicht so detailliert.

Schauen Sie sich zuerst den Code unten an.

<div id="loadgif" style="width:66px;height:66px;position:absolute;top:50%;left:50%;">
　　<img alt="加载中..." src="../../Images/loading1.gif"/>
</div>

Verstecken Sie zuerst die Bildanimation im js-Skript Datei

Der Code lautet wie folgt

$(document).ready(function () { $("#loadgif").hide();});

Dann lautet der asynchrone Ajax-Übermittlungsanforderungscode wie folgt

$(function () {
var find = new Find();
//alert(find.Template);
$.ajaxSetup({
cache: false,
async: true,
global: false,
type: "POST"
});
$("#queryBtn").click(function () { $("#loadgif").show(); find.Get() });

........................

Hinweis:

async: true,

Wenn auf die queryBtn-Schaltfläche geklickt wird, wird die Animationsanzeige aufgerufen

$("#loadgif").show();

Dann senden die Anfrage

und warten Sie, bis die Anfrage eingegangen ist

$("#loadgif").hide();

Der Effekt ist wie folgt:

Das Obige ist die vom Editor eingeführte Ladeanimation. Ich hoffe, dass sie für alle hilfreich ist. Bitte hinterlassen Sie mir eine Nachricht Ich werde Ihnen rechtzeitig antworten. Ich möchte mich auch bei Ihnen allen für Ihre Unterstützung der chinesischen PHP-Website bedanken!

Weitere Animationen zum asynchronen Laden der jQuery Ajax-Anzeige beim Laden datenbezogener Artikel finden Sie auf der chinesischen PHP-Website!