Einführung in 4 gängige Anforderungsmethoden von Ajax in jQuery

AJAX ist eine Technologie zum Datenaustausch mit dem Server. In diesem Artikel werden vier häufig verwendete Ajax-Anfragemethoden vorgestellt.

AJAX ist eine Technologie zum Datenaustausch mit dem Server können Sie einen Teil einer Webseite aktualisieren, ohne etwas zur gesamten Seite hinzuzufügen.

Vier gängige Anforderungsmethoden von Ajax in jQuery:

1.$.ajax() gibt das von ihm erstellte XMLHttpRequest-Objekt zurück.

$.ajax() hat nur einen Parameter: Parameterschlüssel/Wertobjekt, einschließlich aller Konfigurations- und Rückruffunktionsinformationen. Detaillierte Parameteroptionen finden Sie weiter unten.

Wenn Sie die Option dataType 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 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:

$.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;
});
});

Das Obige habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

So verwenden Sie natives Ajax zur Verarbeitung von JSON-Strings

Lassen Sie uns über die Ansichten und das Verständnis der Ajax-Formularübermittlung sprechen

Ajax ruft Daten nach Städtenamen ab

Das obige ist der detaillierte Inhalt vonEinführung in 4 gängige Anforderungsmethoden von Ajax in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!