Dieses Mal werde ich Ihnen die Anforderungsmethoden von Ajax in jQuery und die Vorsichtsmaßnahmen bei der Verwendung von Ajax in jQuery vorstellen. Das Folgende ist ein praktischer Fall, schauen wir uns das an.
AJAX ist eine Technologie zum Datenaustausch mit dem Server, die einen Teil einer Webseite aktualisieren und gleichzeitig die gesamte Seite ergänzen kann.
Vier gängige Anforderungsmethoden von Ajax in jQuery:
1.$.ajax() gibt das von ihm erstellte XMLHttpRequest-Objekt zurück.
$.ajax() hat nur einen Parameter: Parameter-Schlüssel/Wert-Objekt, einschließlich aller Konfigurations- und Rückruffunktion-Informationen. Detaillierte Parameteroptionen finden Sie weiter unten.
Wenn Sie die dataType-Option angeben, stellen Sie sicher, dass der Server die richtigen MIME-Informationen zurückgibt (z. B. gibt XML „text/xml“ zurück).
Beispiel:
Daten auf dem Server speichern und bei Erfolg Informationen anzeigen.
$.ajax({ type: "post", dataType: "html", url: '/Resources/GetList.ashx', data: dataurl, success: function (data) { if (data != "") { $("#pager").pager({ pagenumber: pagenumber, pagecount: data.split("$$")[1], buttonClickCallback: PageClick }); $("#anhtml").html(data.split("$$")[0]); } } });
2. Laden Sie Informationen über eine Remote-HTTP-GET-Anfrage.
Dies ist eine einfache GET-Anfragefunktion zum Ersetzen des komplexen $.ajax. Die Callback-Funktion kann aufgerufen werden, wenn die Anfrage erfolgreich ist. Wenn Sie eine Funktion im Fehlerfall ausführen müssen, verwenden Sie $.ajax.
Beispiel:
$.get("test.cgi", { name: "John", time: "2pm" }, function(data){ alert("Data Loaded: " + data); });
3. Laden Sie Informationen über eine Remote-HTTP-POST-Anfrage.
Dies ist eine einfache POST-Anfragefunktion zum Ersetzen der komplexen $.ajax. Die Callback-Funktion kann aufgerufen werden, wenn die Anfrage erfolgreich ist. Wenn Sie eine Funktion im Fehlerfall ausführen müssen, verwenden Sie $.ajax.
Beispiel:
$.post("/Resources/addfriend.ashx", { "fid": fids, "fname": fnames, "tuid": tuids, "tuname": tunames }, function (data) { if (data == "ok") { alert("添加成功!"); } })
4. JSON-Daten per HTTP-GET-Anfrage laden.
Beispiel:
$.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; }); });
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 zum PHP Chinesische Website!
Empfohlene Lektüre:
Ajax zum Abrufen nationaler Wettervorhersage-API-Daten
Interaktiver Ajax- und JSON-Datenspeicher
Das obige ist der detaillierte Inhalt vonWas sind die Anforderungsmethoden von Ajax in jQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!