Es gibt verschiedene Arten von asynchronen JQuery-Anfragen

Es gibt 4 Arten von asynchronen JQuery-Anfragen: 1. Ajax-Anfrage, die Syntax ist „$.ajax({name:value,...})“; 2. Get-Anfrage, die Syntax ist „$.get(url , übergebene Parameter, Rückruffunktion, Typ); 3. getJSON-Anfrage, unterstützt domänenübergreifende Aufrufe; 4. Post-Anfrage.

Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.

Es gibt verschiedene Arten von asynchronen JQuery-Anfragen

Die erste Ajax-Anfrage:

$.ajax(): ist die Kernmethode. Die Methode

$.ajax() ist eine leistungsstarke und direkte Möglichkeit, Ajax-Anfragen zu erstellen. Es wird ein Optionsobjekt als Parameter übergeben und die Eigenschaften dieses Optionsobjekts konfigurieren alle Anweisungen, die zum Abschließen der Anforderung erforderlich sind.

$.ajax() bietet Rückruffunktionen für Erfolg und Misserfolg.

Syntax:

$.ajax({name:value, name:value, … })

Daten auf dem Server speichern, bei Erfolg Informationen anzeigen

$.ajax({
   type: "POST",
   url: "some.php",
   data: "name=John&location=Boston",
   success: function(msg){
     alert( "Data Saved: " + msg );
   }
});

Kommentare:

Typ: (Standard: „GET“), Anforderungsmethode („POST“ oder „GET“), andere Anforderungsmethoden sind nur möglich teilweise durchsuchte Serverunterstützung.

url: (Standardadresse der aktuellen Seite) Die Adresse zum Senden der Anfrage.

Daten: gespeicherte Daten.

success: Nach der Anfrage aufgerufen, werden die zurückgegebenen Daten und der String mit dem Erfolgscode übergeben.

Function() muss die auf der Controller-Seite deklarierten globalen Variablen speichern

Die zweite $.get()-Anfrage:

Syntax:

$.get(url Address, Von Parameter übergebene Parameter, Rückruffunktion, Rückgabewerttyp)

Hinweis:

Parameter: optional;

Rückgabewerttyp: Der Typ kann automatisch entsprechend den Daten abgeglichen werden (kann im Allgemeinen weggelassen werden)

(über Remote-HTTP). GET-Anfrage Ladeinformationen. Dies ist eine einfache GET-Anfragefunktion zum Ersetzen der komplexen $.ajax. Wenn Sie die Funktion bei einem Fehler ausführen müssen, verwenden Sie den $.ajax-Rückgabewert (HTML oder XML, je nach Rückgabewert). .

jAbfragecode:

$.get("test.php", function(data){
          alert("Data Loaded: " + data);
});

Die dritte $.post()-Anfrage:

Syntax: $.post(URL-Adresse, von param übergebene Parameter, Rückruffunktion, Rückgabewert Typ)

Hinweis:

Parameter: optional;

Rückgabewerttyp: Der Typ kann automatisch entsprechend den Daten abgeglichen werden (kann im Allgemeinen weggelassen werden)

(Informationen über Remote-HTTP-POST-Anfrage laden)

Beschreibung:

Ausgabeergebnisse der Anforderungsseite test.php (HTML oder XML, je nachdem, was zurückgegeben wird):

jAbfragecode:

$.post("test.php", function(data){
          alert("Data Loaded: " + data);
          });

Vierte $.getJSON()-Anfrage:

$ .getJSON() ist speziell für Ajax zum Abrufen von JSON-Daten eingerichtet und unterstützt domänenübergreifende Aufrufe. Hinweis: JSON ist ein ideales Datenübertragungsformat, es lässt sich gut in JavaScript oder andere Hostsprachen integrieren und kann direkt von JS verwendet werden.

Syntax:

$.getJSON (URL-Adresse, von Parameter übergebener Parameter (optional), Rückruffunktion)

(JSON-Daten über HTTP-GET-Anfrage laden)

jAbfragecode:

$.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){
    $("<img/>").attr("src", item.media.m).appendTo("#images");
    if ( i == 3 ) return false;
  });
});

Hinweis:

$ Die . Die getJSON()-Anfrage unterscheidet sich von den ersten drei. Was im Controller zurückgegeben wird, ist kein Inhalt, sondern Code im JSON-Format. Empfohlene verwandte Video-Tutorials:

Das obige ist der detaillierte Inhalt vonEs gibt verschiedene Arten von asynchronen JQuery-Anfragen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!