Heim >Web-Frontend >js-Tutorial >Welche Methoden gibt es für die asynchrone Ajax-Anfrage? wie man es benutzt
Dieses Mal zeige ich Ihnen, was die asynchronen Methoden für Ajax-Anfragen sind. Wie sollte es verwendet werden? Was sind die Vorsichtsmaßnahmen für Ajax-Anfragen? Das Folgende ist ein praktischer Fall, schauen wir uns das an.
test.html-Code:
<a href="javascript:void(0)" onmouseover="testAsync()">
asy.js-Code:
function testAsync(){ var temp; $.ajax({ async: false, type : "GET", url : 'tet.php', complete: function(msg){ alert('complete'); }, success : function(data) { alert('success'); temp=data; } }); alert(temp+' end'); }
tet.php-Code :
<?php echo "here is html code"; sleep(5); ?>
async: false, (Standard ist true);
Wie oben: false bedeutet Synchronisierung. Die Ajax-Anfrage in dieser testAsync()-Methode sperrt den gesamten Browser, nur tet Nachdem die Ausführung von .php abgeschlossen ist, können andere Vorgänge ausgeführt werden.
Wenn async: true ist, ist die Ajax-Anfrage asynchron. Es gibt jedoch ein Problem: Die Ajax-Anfrage in testAsync() und die nachfolgenden Vorgänge werden asynchron ausgeführt. Wenn also tet.php nicht ausgeführt wurde, wurden möglicherweise die Vorgänge nach der Ajax-Anfrage ausgeführt,
Zum Beispiel : alert(temp+' end');
Die temporären Daten werden jedoch nach erfolgreicher Ajax-Anfrage zugewiesen und sind daher bei der Ausgabe leer.
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:
Ajax-Methode zum Lesen von JSON-Daten
Konstruieren von AJAX zur Implementierung der Formular-JSON-Konvertierungsmethode
Das obige ist der detaillierte Inhalt vonWelche Methoden gibt es für die asynchrone Ajax-Anfrage? wie man es benutzt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!