Heim > Web-Frontend > js-Tutorial > Hauptteil

Was sind die Anforderungsmethoden von Ajax in jQuery?

php中世界最好的语言
Freigeben: 2018-04-03 11:34:13
Original
1944 Leute haben es durchsucht

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]);
}
}
});
Nach dem Login kopieren

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);
});
Nach dem Login kopieren

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("添加成功!");
}
})
Nach dem Login kopieren

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;
});
});
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!