Dalam beberapa tahun terakhir, saya telah menulis terlalu banyak jQuery Faktanya, ini adalah inti dari Ajax di jQuery. , dan komentarnya ditulis secara rinci, sehingga semua orang harus dapat memahami:
Salinan kode adalah sebagai berikut:
<type skrip = "Teks/JavaScript">
// (a) ① Metode untuk mendapatkan file teks (JavaScript tradisional mengimplementasikan metode penulisan AJAX)
fungsi loadxmldoc1 ()
{
var xmlhttp;
if (window.xmlHttpRequest)
{
// Kode untuk IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new xmlHttpRequest ();
}
kalau tidak
{
// Kode untuk IE6, IE5
xmlhttp = ActivexObject baru ("microsoft.xmlhttp");
}
// OnReadyStateChange menyimpan fungsi (atau nama fungsi), yang akan dipanggil setiap kali properti ReadyState berubah.
xmlhttp.onreadystatechange = function ()
{
// ReadyState
// Status XMLHTTPREQUEST hadir. Perubahan dari 0 menjadi 4.
// 0: Permintaan tidak diinisialisasi
// 1: Koneksi server telah dibuat
// 2: Permintaan telah diterima
// 3: Pemrosesan permintaan sedang berlangsung
// 4: Permintaan telah selesai dan tanggapannya siap
//status
// 200: "Ok"
// 404: Halaman tidak ditemukan
if (xmlhttp.readystate == 4 && xmlhttp.status == 200)
{
document.getElementById ("myDiv1"). innerHtml = xmlhttp.Responsetext;
}
}
xmlhttp.open ("get", "doc/test1.txt", true);
xmlhttp.send ();
}
Kode Halaman HTML:
Salinan kode adalah sebagai berikut:
<body>
<Form id = "Form1" runat = "server">
<%-Dapatkan file teks di server dan tampilkan-%>
<Div id = "myDiv1"> <h2> Ubah konten melalui jax </h2> </div>
<tombol id = "btnchange1" type = "tombol" onclick = "loadxmldoc1 ()"> Ubah konten melalui AJAX (dapatkan teks di atas test1.txt) </button>
</form>
</body>
Efek demonstrasi: