Heim  >  Artikel  >  Web-Frontend  >  Es gibt mehrere Ajax-Anfragemethoden

Es gibt mehrere Ajax-Anfragemethoden

王林
王林Original
2020-05-10 11:06:515073Durchsuche

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]);
}
}
});

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

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

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

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!

Stellungnahme:
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