Heim > Web-Frontend > js-Tutorial > Hauptteil

Es gibt mehrere Ajax-Anfragemethoden

王林
Freigeben: 2020-05-10 11:06:51
Original
5078 Leute haben es durchsucht

Es gibt mehrere Ajax-Anfragemethoden

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

$.ajax() hat nur einen Parameter: Parameter key/ value Objekt, einschließlich Konfigurations- und Rückruffunktionsinformationen.

Wenn Sie die Option dataType angeben, müssen Sie sicherstellen, 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

Im Vergleich zur komplexen $.ajax ist die GET-Anfragefunktion einfacher und die Anfrage ist erfolgreich Funktion kann wann aufgerufen werden. Wenn Sie die Funktion bei Auftreten eines Fehlers ausführen müssen, verwenden Sie natürlich auch $.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

Die POST-Anfragefunktion ist ebenfalls relativ einfach und kann aufgerufen werden, wenn die Anfrage ist erfolgreich. Wenn Sie eine Funktion bei einem Fehler ausführen müssen, verwenden Sie die $.ajax-Anfrage.

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 über 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

Empfohlenes Tutorial:js-Einführungs-Tutorial

Das obige ist der detaillierte Inhalt vonEs gibt mehrere Ajax-Anfragemethoden. 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!