Penjelasan terperinci tentang kaedah beban Ajax dalam jQuery

Mari kita lihat contoh Ajax dahulu

Salin kod Kod adalah seperti berikut: Fungsi Ajax() { var xmlHttpReq = null;//Isytihar objek kosong untuk memuatkan objek XMLHttpRequest if(window.ActiveXObject) { xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");//IE5 IE6 memperkenalkan XMLHttpRequest dalam bentuk ActiveXObject } else if(window.XMLHttpRequest) {//Dalam penyemak imbas selain IE5 IE6, XMLHttpRequest ialah sub-objek tetingkap xmlHttpReq = XMLHttpRequest();//Segera objek XMLHttpRequest } If(xmlHttpReq != null) { xmlHttpReq.open("GET", "test.jsp", true);//Panggil kaedah open() dan gunakan mod tak segerak xmlHttpReq.onreadystatechange = RequestCallBack;//Tetapkan fungsi panggil balik xmlHttpReq.send(null);//Oleh kerana ia diserahkan menggunakan kaedah get, anda boleh menggunakan parameter null untuk memanggil } fungsi RequestCallBack() {//Setelah nilai readyState berubah, fungsi ini akan dipanggil} If(xmlHttpReq.readyState == 4) { If(xmlHttpReq.status == 200) { //Tetapkan nilai xmlHttpReq.responseText kepada elemen dengan id resText document.getElementById("resText").innerHTML = xmlHttpReq.responseText; } } } }

Kandungan test.jsp:

Salin kod Kod adalah seperti berikut: Mari kita lihat Ajax dalam jQuery

1.load()

Kaedah load() ialah kaedah Ajax yang paling mudah dan paling biasa digunakan dalam jQuery, yang boleh memuatkan kod HTML dari jauh dan memasukkannya ke dalam DOM.

Kod HTML Jauh:

Salin kod Kod adalah seperti berikut: Zhang San: Sofa.

李思: Bangku.

Wang Wu: Tingkat.

load() memuatkan HTML

Salin kod Kod adalah seperti berikut: * { margin:0; pelapik:0;} badan { saiz fon:12px;} .komen { margin-top:10px; padding:10px; border:1px solid #ccc;background:#DDD;} .komen h6 { font-weight:700; font-size:14px;} .para { margin-top:5px; text-indent:2em:#DDD;} Sudah mengulas $(fungsi () { $("#send").klik(fungsi () { $("#resText").load("test.html"); }); }) /** * Ajax dalam jQuery * * jQuery merangkum operasi Ajax, * * Dalam jQuery, kaedah $.ajax() ialah kaedah peringkat terendah, * Lapisan kedua ialah kaedah load(), $.get(), $.post() * Lapisan ketiga ialah kaedah $.getScript() dan $.getJSON() * * * Kaedah load() ialah kaedah Ajax yang paling mudah dan paling biasa digunakan dalam jQuery, yang boleh memuatkan kod HTML jauh dan memasukkannya ke dalam DOM. * * beban(url [, data] [, panggil balik]) * * * url URL String Minta alamat URL antara muka HTML * * data (pilihan) Data kunci/nilai objek dihantar ke pelayan * * Fungsi panggil balik(pilihan) Fungsi panggil balik apabila permintaan selesai, sama ada permintaan itu berjaya atau gagal **/

load() memuatkan dokumen HTML yang ditapis

Salin kod Kod adalah seperti berikut: * { margin:0; pelapik:0;} badan { saiz fon:12px;} .komen { margin-top:10px; padding:10px; sempadan:1px pepejal #ccc;latar belakang:#DDD;} .komen h6 { font-weight:700; saiz fon:14px;} .para { margin-top:5px; text-indent:2em;background:#DDD;} 已有评论 $(fungsi () { $("#hantar").klik(fungsi () { $("#resText").load("test.html .para"); }); }) /** * Tapis dokumen HTML yang dimuatkan * * Struktur sintaks parameter URL kaedah load() ialah: "pemilih url". * * * Kaedah pemindahan kaedah load() ditentukan secara automatik berdasarkan data parameter. * * Jika tiada parameter diluluskan, GET akan digunakan; * * Jika tidak, ia akan ditukar secara automatik kepada penghantaran POST * ***/

load()方法---回调函数

复制代码 代码如下: * { margin:0; padding:0;} Körper { Schriftgröße: 12px;} .comment { margin-top:10px; Polsterung:10px; border:1px solid #ccc;background:#DDD;} .comment h6 { Schriftgröße:700; Schriftgröße:14px;} .para { margin-top:5px; text-indent:2em;background:#DDD;} 已有评论 $(function () { $("#send").click(function () { $("#resText").load("test.html .para", Funktion (responseText, textStatus, XMLHttpRequest) { alarm($(this).html()); warning(responseText);//请求返回的内容 alarm(textStatus);//请求状态：success、error、notmodified、timeout Alert(XMLHttpRequest);//XMLHttpRequest对象 }); }); }) /** * * Rückrufparameter der Methode „load()“ * * **/ ENDE

以上就是本文的全部内容了，希望对大家能有所帮助.

Penjelasan terperinci tentang kaedah beban Ajax dalam jQuery_jquery