Fungsi pemuatan DOM
XML DOM Fungsi pemuatan
Kod untuk memuatkan dokumen XML boleh disimpan dalam fungsi.
fungsi loadXMLDoc()
Untuk menjadikan kod dalam halaman sebelumnya lebih mudah diselenggara (semak pelayar lama), ia hendaklah ditulis sebagai fungsi:
{
if (window.XMLHttpRequest)
{
xhttp=new XMLHttpRequest();
}
lain
{
xhttp =new ActiveXObject("Microsoft.XMLHTTP");
}
xhttp.open("GET",dname,false);
xhttp.send();
kembali xhttp.responseXML;
}
Fungsi di atas boleh disimpan dalam bahagian <head> pada halaman HTML dan dipanggil daripada skrip dalam halaman.
Fungsi yang diterangkan di atas digunakan untuk semua contoh dokumen XML dalam tutorial ini!
JavaScript Luaran untuk loadXMLDoc()
Untuk menjadikan kod di atas lebih mudah untuk diselenggara dan memastikan kod yang sama digunakan dalam semua halaman, kami menyimpan fungsi dalam luaran dalam fail.
Nama fail ialah "loadxmldoc.js" dan dimuatkan di bahagian kepala halaman HTML. Skrip dalam halaman kemudian memanggil fungsi loadXMLDoc().
Contoh berikut menggunakan fungsi loadXMLDoc() untuk memuatkan buku.xml:
Instance
<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js"></script>
</head>
<body>
<script>
xmlDoc=loadXMLDoc("books.xml");
document.write(xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue + "<br>");
document.write(xmlDoc.getElementsByTagName("author")[0].childNodes[0].nodeValue + "<br>");
document.write(xmlDoc.getElementsByTagName("year")[0].childNodes[0].nodeValue);
</script>
</body>
</html>Jalankan instance»
Klik butang "Jalankan Instance" untuk melihat contoh dalam talian
Cara mendapatkan data daripada fail XML akan diterangkan dalam bab seterusnya.
fungsi loadXMLString()
Untuk menjadikan kod di halaman sebelumnya lebih mudah diselenggara (semak pada pelayar lama), ia harus ditulis sebagai fungsi:
{
if (window.DOMParser)
{
parser=new DOMParser();
xmlDoc=parser.parseFromString(txt,"text/ xml" );
}
else // Internet Explorer
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false;
xmlDoc.loadXML (txt );
}
kembali xmlDoc;
}
Fungsi di atas boleh disimpan dalam bahagian <head> halaman tersebut.
Fungsi yang diterangkan di atas digunakan untuk semua contoh rentetan XML dalam tutorial ini!
JavaScript Luaran untuk loadXMLString()
Kami telah menyimpan fungsi loadXMLString() dalam fail yang dipanggil "loadxmlstring.js".
Instance
<!DOCTYPE html>
<html>
<head>
<script src="loadxmlstring.js"></script>
</head>
<body>
<script>
text="<bookstore><book>";
text=text+"<title>Everyday Italian</title>";
text=text+"<author>Giada De Laurentiis</author>";
text=text+"<year>2005</year>";
text=text+"</book></bookstore>";
xmlDoc=loadXMLString(text);
document.write(xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue);
document.write("<br>");
document.write(xmlDoc.getElementsByTagName("author")[0].childNodes[0].nodeValue);
document.write("<br>");
document.write(xmlDoc.getElementsByTagName("year")[0].childNodes[0].nodeValue);
</script>
</body>
</html>Run Instance»
Klik butang "Run Instance" untuk melihat contoh dalam talian
