Heim > Web-Frontend > Front-End-Fragen und Antworten > Welche verschiedenen Methoden gibt es für Ajax-Anfragen?

Welche verschiedenen Methoden gibt es für Ajax-Anfragen?

青灯夜游
Freigeben: 2021-12-09 16:51:49
Original
11275 Leute haben es durchsucht

Ajax-Anfragemethode: 1. Verwenden Sie „$.ajax()“, um das von ihr erstellte XMLHttpRequest-Objekt zurückzugeben. 2. Laden Sie Informationen über eine Remote-HTTP-GET-Anfrage lädt JSON-Daten.

Welche verschiedenen Methoden gibt es für Ajax-Anfragen?

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.

In jQuery gibt es 4 gängige AJAX-Anfragemethoden:

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

 $.ajax() Nur ein Parameter: Parameter Schlüssel/Wert-Objekt, einschließlich aller Konfigurations- und Rückruffunktionsinformationen.  $.ajax() 只有一个参数:参数key/value对象,包含各配置及回调函数信息。

 如果你指定了dataType选项,那么需要保证服务器返回正确的MIME信息,(如 xml 返回 "text/xml")。

 实例:

 保存数据到服务器,成功时显示信息。 

$.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、通过远程 HTTP GET 请求载入信息

 相比于复杂的$.ajax而言,GET请求功能则显得更加简单,请求成功时可调用回调函数。当然如果需要在出错时执行函数,那么还请使用$.ajax

 实例:

$.get("test.cgi", { name: "John", time: "2pm" },
function(data){
alert("Data Loaded: " + data);
});
Nach dem Login kopieren

3、通过远程 HTTP POST 请求载入信息

 POST请求功能也相对比较简单,请求成功时可调用回调函数。如果需要在出错时执行函数,那么请使用$.ajax

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.
$.post("/Resources/addfriend.ashx", { "fid": fids, "fname": fnames, "tuid": tuids, "tuname": tunames }, function (data) {
if (data == "ok") {
alert("添加成功!");
}
})
Nach dem Login kopieren

2. Laden Sie Informationen über eine Remote-HTTP-GET-Anfrage

Im Vergleich zur komplexen GET-Anfragefunktion ist die Rückruffunktion einfacher Wird aufgerufen, wenn die Anfrage erfolgreich ist. Wenn Sie die Funktion bei Auftreten eines Fehlers ausführen müssen, verwenden Sie natürlich $.ajax.

 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
🎜🎜3. Das Laden von Informationen über eine Remote-HTTP-POST-Anfrage🎜🎜🎜 POST-Anfragefunktion ist ebenfalls relativ einfach und die Rückruffunktion kann aufgerufen werden, wenn die Anfrage erfolgreich ist. Wenn Sie eine Funktion ausführen müssen, wenn ein Fehler auftritt, verwenden Sie die Anforderung $.ajax. 🎜🎜 Beispiel: 🎜rrreee🎜🎜4. Laden Sie JSON-Daten über eine HTTP-GET-Anfrage🎜🎜🎜Beispiel: 🎜rrreee🎜【Empfohlene verwandte Tutorials: 🎜AJAX-Video-Tutorial🎜】🎜

Das obige ist der detaillierte Inhalt vonWelche verschiedenen Methoden gibt es für Ajax-Anfragen?. 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