Contoh XML AJAX

Penulis：Eve Cole Waktu Pembaruan：2024-12-26 09:42:11

AJAX dapat digunakan untuk berkomunikasi secara interaktif dengan file XML.

Contoh XML AJAX

Contoh berikut menunjukkan bagaimana halaman web dapat menggunakan AJAX untuk membaca informasi dari file XML:

Contoh

Contoh analisis - fungsi loadXMLDoc()

Ketika pengguna mengklik tombol "Dapatkan CD Koleksi Saya" di atas, fungsi loadXMLDoc() akan dijalankan.

Fungsi loadXMLDoc() membuat objek XMLHttpRequest, menambahkan fungsi yang dijalankan ketika respons server siap, dan mengirimkan permintaan ke server.

Ketika respons server sudah siap, tabel HTML dibuat, node (elemen) diekstraksi dari file XML, dan terakhir elemen tabel dengan id="demo" diisi dengan data XML:

Memuat dokumen XML secara asinkron

fungsi memuatXMLDoc ( ) { var xhttp = baru XMLHttpRequest ( ) ; xhttp .onreadystatechange = fungsi ( ) { jika ( ini .readyState == 4 && ini .status == 200 ) { fungsi saya ( ini ) ; } ; xhttp . buka ( " DAPATKAN " , " cd_catalog.xml " , benar ) xhttp .fungsi Fungsi saya ( xml ) { var saya ; xmlDoc = xml .responXML ; table = " <tr><th>Artis</th><th> Judul </th></tr> " ; x = xmlDoc .getElementsByTagName ( " CD " ) ; ( saya = 0 ; saya < x .panjangnya ; saya ++ ) { tabel + = " <tr> <td> " + x [ i ] . getElementsByTagName ( " ARTIST " ) [ 0 ] . childNodes [ 0 ] ( " JUDUL " ) [ 0 ] .node anak [ 0 ] . } dokumen .getElementById ( " demo " ) .innerHTML = tabel }

halaman server AJAX

Halaman server yang digunakan dalam contoh di atas sebenarnya adalah file XML bernama "cd_catalog.xml".