Jquery asynchrone Anfrage bedeutet, dass der Browser, nachdem er eine Anfrage an den Server gesendet hat, jederzeit die nächste Anfrage senden kann, ohne auf die Rückkehr der Serverantwort zu warten. Das heißt, die Daten vor dem Senden der Anfrage gehen nicht verloren Eine teilweise Aktualisierung der Seite kann erreicht werden; Sie können Ajax, „$.get()“, „$.post()“ und „$.getJSON()“ verwenden, um asynchrone Anforderungen zu implementieren.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, JQuery-Version 3.6.0, Dell G3-Computer.
Asynchrone Anfrage
Wenn der Browser eine synchrone Anfrage an den Server sendet, befindet sich der Browser in einem Wartezustand, während der Dienst die synchrone Anfrage verarbeitet Die Anfrage und Antwort mit den Daten. Der Browser überschreibt die Originaldaten im Browserspeicher, und der Browser lädt die Seite neu und zeigt die Serverantwortdaten an.
Gibt es also eine Technologie, die es dem Browser ermöglicht, eine Anfrage an den Server zu senden, während der Server die Anfrage verarbeitet, befindet sich der Browser nicht in einem Wartezustand und der Browser lädt nicht die gesamte Seite neu, während er die Antwort empfängt Wie kann eine teilweise Aktualisierung der Seite erreicht werden, ohne dass die Daten verloren gehen, bevor die Anfrage gesendet wird? Dann müssen Sie Ajax Request verwenden – asynchrones Anforderungsmodell
Synchronisierte Anforderung bedeutet, dass Sie nach dem Senden einer Anforderung auf die Rückkehr der Serverantwort warten müssen, bevor Sie die nächste Anforderung senden.
Asynchrone Anfragen sind das Gegenteil von synchronen Anfragen. Bei asynchronen Anfragen muss nicht auf eine Antwort gewartet werden, und die nächste Anfrage kann jederzeit gesendet werden.
Vier Arten asynchroner jQuery-Anfragen
Die erste Ajax-Anfrage:
Daten auf dem Server speichern, Informationen bei Erfolg anzeigen
$.ajax({
type: “POST”,
url: “some.php”,
data: “name=John&location=Boston”,
success: function(msg){
alert( "Data Saved: " + msg );
}
});Hinweis:
l Typ: (Standard: „GET“), Anforderungsmethode ( „POST“ oder „GET“) Andere Anfragemethoden werden nur von einigen Browsern unterstützt.
l URL: (Standardadresse der aktuellen Seite) die Adresse zum Senden der Anfrage.
l Daten: gespeicherte Daten.
l success: Wird nach der Anfrage aufgerufen, werden die zurückgegebenen Daten und der String mit dem Erfolgscode übergeben.
l Function() muss die auf der Controller-Seite deklarierten globalen Variablen speichern
Die zweite $.get()-Anfrage:
(Informationen über eine Remote-HTTP-GET-Anfrage laden. Dies ist eine einfache GET-Anfragefunktion, die den Komplex ersetzt $.ajax. Die Callback-Funktion kann aufgerufen werden, wenn die Anfrage erfolgreich ist, verwenden Sie $.ajax.)
Beschreibung:
Test.php-Rückgabewert anzeigen (HTML oder XML, je nachdem). auf den Rückgabewert).
jQuery-Code:
$.get(“test.php”, function(data){
alert("Data Loaded: " + data);
});Dritte $.post()-Anfrage:
(Informationen über Remote-HTTP-POST-Anfrage laden)
Beschreibung:
Ausgabe der Ergebnisse von der angeforderten Seite test.php (HTML oder XML, je nach (basiert). zum zurückgegebenen Inhalt):
jQuery-Code:
$.post(“test.php”, function(data){
alert("Data Loaded: " + data);
});Vierte $.getJSON()-Anfrage:
(Laden von JSON-Daten über HTTP-GET-Anfrage)
jQuery-Code:
$.getJSON(“http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format
=json&jsoncallback=?”, function(data){
$.each(data.items, function(i,item){
$("").attr(“src”, item.media.m).appendTo("#images");
if ( i == 3 ) return false;
});
});Hinweis:
l $.getJSON ()-Anfrage unterscheidet sich von den ersten drei. Was im Controller zurückgegeben wird, ist kein Inhalt, sondern Code im JSON-Format
Empfohlenes Video-Tutorial: jQuery-Video-Tutorial
Das obige ist der detaillierte Inhalt vonWas bedeutet eine asynchrone JQuery-Anfrage?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
