Apakah beberapa kaedah permintaan ajax?

kaedah permintaan ajax: 1. Gunakan "$.ajax()" untuk mengembalikan objek XMLHttpRequest yang dibuatnya 2. Muatkan maklumat melalui permintaan HTTP GET jauh 3. Muatkan maklumat melalui permintaan HTTP POST jauh; Muatkan data JSON melalui permintaan HTTP GET.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.

Dalam jQuery, terdapat 4 kaedah permintaan AJAX biasa:

1 $.ajax() mengembalikan objek XMLHttpRequest yang dibuatnya

hanya mempunyai satu parameter: parameter　$.ajax()  objek, yang mengandungi setiap konfigurasi dan maklumat fungsi panggil balik. key/value

Jika anda menentukan pilihan

, anda perlu memastikan pelayan mengembalikan maklumat MIME yang betul (seperti xml mengembalikan "teks/xml"). dataType

Contoh:

Simpan data ke pelayan dan paparkan maklumat apabila berjaya.

$.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 Muatkan maklumat melalui permintaan HTTP GET jauh

Berbanding dengan kompleks

, fungsi permintaan $.ajax adalah lebih kompleks. fungsi panggil balik boleh dipanggil apabila permintaan berjaya. Sudah tentu, jika anda perlu melaksanakan fungsi apabila ralat berlaku, sila gunakan GET. $.ajax

Contoh:

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

3 Muatkan maklumat melalui permintaan HTTP POST jauh

Fungsi permintaan juga agak mudah fungsi panggil balik boleh dipanggil apabila berjaya. Jika anda perlu melaksanakan fungsi apabila ralat, gunakan permintaan 　POST. $.ajax

Contoh:

$.post("/Resources/addfriend.ashx", { "fid": fids, "fname": fnames, "tuid": tuids, "tuname": tunames }, function (data) {
if (data == "ok") {
alert("添加成功！");
}
})

4 Muatkan data JSON melalui permintaan HTTP GET

Contoh:

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

[. Tutorial berkaitan yang disyorkan:

Tutorial video AJAX]

Atas ialah kandungan terperinci Apakah beberapa kaedah permintaan ajax?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!