Latest web development tutorials

jQuery - AJAX beban () metode

jQuery beban () metode

Metode jQuery beban () adalah metode AJAX sederhana namun kuat.

metode beban () untuk memuat data dari server, dan kembalinya data ke elemen yang dipilih.

sintaks:

$(selector).load(URL,data,callback);

parameterURLyang diperlukan untuk URL yang telah ditentukan yang ingin Anda memuat.

parameter string kueri menentukandataopsional kunci dikirim bersama dengan pasangan permintaan / nilai.

Opsionalcallbackparameter adalah nama dari fungsi setelah metode beban () untuk menyelesaikan eksekusi.

Ini adalah contoh dari isi file ( "demo_test.txt") dari: 

<h2>jQuery AJAX 是个非常棒的功能！</h2>
<p id="p1">这是段落的一些文本。</p>

Contoh berikut akan mengajukan "demo_test.txt" konten yang dimuat ke ditentukan <div> elemen:

contoh

$ ( "# Div1") beban ( "demo_test.txt") .;

Coba »

Anda juga dapat menambahkan pemilih jQuery untuk parameter URL.

Contoh berikut konten "demo_test.txt" file id = "p1" elemen, dimuat ke ditentukan <div> elemen:

contoh

$ ( "# Div1") beban ( "demo_test.txt # p1") .;

Coba »

Opsional callback parameter menentukan ketika beban () metode setelah selesai untuk memungkinkan fungsi callback. Fungsi callback dapat mengatur parameter yang berbeda:

  • responseTxt -berisi hasil dari isi panggilan berhasil
  • statusTXT -berisi status panggilan
  • xhr -berisi objek XMLHttpRequest

Contoh berikut akan setelah metode beban () untuk menyelesaikan menampilkan kotak dialog. Jika metode beban () telah berhasil, ia akan menampilkan "konten eksternal dimuat berhasil!", Dan jika itu gagal, pesan kesalahan ditampilkan:

contoh

$("button").click(function(){
$("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
if(statusTxt=="success")
alert("外部内容加载成功!");
if(statusTxt=="error")
alert("Error: "+xhr.status+": "+xhr.statusText);
});
});

Coba »