kaedah ajax load().


  Hasil terjemahan:

load

usd]

n.load;

vi .Memuatkan;

kaedah ajax load().sintaks

Fungsi: Kaedah load() memuatkan data daripada pelayan melalui permintaan AJAX dan meletakkan data yang dikembalikan ke dalam elemen yang ditentukan. Terdapat juga kaedah acara jQuery yang dipanggil load . Mana yang dipanggil bergantung pada parameter.

Sintaks: muat(url,data,fungsi(tindak balas,status,xhr))

Parameter:

Deskripsi url
Parameter
Permintaan dihantar ke URL mana.
data Pilihan. Menentukan data untuk dihantar ke pelayan dengan permintaan.
fungsi(tindak balas,status,xhr)pilihan. Menentukan fungsi untuk dijalankan apabila permintaan selesai. Parameter tambahan: respons - Mengandungi data hasil daripada status permintaan - Mengandungi status permintaan ("berjaya", "tidak diubah suai", "ralat", "masa tamat" atau "parsererror") xhr - Mengandungi objek XMLHttpRequest

Penerangan: Kaedah ini adalah cara paling mudah untuk mendapatkan data daripada pelayan. Ia hampir bersamaan dengan $.get(url, data, success) kecuali ia bukan fungsi global dan ia mempunyai fungsi panggil balik tersirat. Apabila respons yang berjaya dikesan (contohnya, apabila textStatus ialah "berjaya" atau "tidak diubah suai"), .load() menetapkan kandungan HTML elemen padanan kepada data yang dikembalikan. Ini bermakna bahawa kebanyakan penggunaan kaedah ini adalah semudah: $("#result").load("ajax/test.html"); Jika fungsi panggil balik disediakan, ia akan dilaksanakan selepas pemprosesan pasca: $ ("#result").load("ajax/test.html", function() {alert("Load was done.");});Dalam dua contoh di atas, jika dokumen semasa tidak mengandungi "hasil " ID , kaedah .load() tidak akan dilaksanakan. Jika data yang diberikan adalah objek, kaedah POST digunakan jika tidak, kaedah GET digunakan.

kaedah ajax load().contoh

<!DOCTYPE html>
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#btn1").click(function(){
    $('#test').load('需要加载的文档地址');
  })
})
</script>
</head>

<body>

<h3 id="test">请点击下面的按钮,通过 jQuery AJAX 改变这段文本。</h3>
<button id="btn1" type="button">获得外部的内容</button>

</body>
</html>

Cadangan popular

Rumah

video

Soal Jawab