Upload presentasi
Presentasi sedang didownload. Silahkan tunggu
1
XML PARSER Teknologi WEB
2
Mayoritas Browser terkini memiliki parser XML bawaan yang digunakan untuk mengakses dan memanipulasi XML DOM XML (Document Object Model) mendefinisikan properti dan metode untuk mengakses dan mengedit XML.
3
Sebelum dokumen XML dapat diakses, harus dimuat ke objek DOM XML.
Semua peramban modern memiliki parser XML yang dapat mengonversi teks menjadi objek DOM XML.
4
Mem-parsing String Teks
Contoh berikut mem-parsing string teks ke objek DOM XML, dan mengekstrak info yang ada di dalamnya dengan JavaScript:
6
Penjelasan Script Mendefinisikan String Teks Membuat Parser DOM XML
Parser membuat obyek DOM XML menggunakan string teks
7
Obyek XMLHttpRequest
8
XMLHttpRequest memiliki parser XML bawaan
Properti responseText menghasilkan respon sebuah string Properti responseXML menghasilkan respon sebuah obyek DOM XML
9
<!DOCTYPE html> <html> <body> <h2>My CD Collection:</h2> <button type="button" onclick="loadXMLDoc()"> Get my CD collection</button> <p id="demo"></p> <script> function loadXMLDoc() { var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { myFunction(this); } }; xmlhttp.open("GET", "cd_catalog.xml", true); xmlhttp.send(); function myFunction(xml) { var x, i, xmlDoc, txt; xmlDoc = xml.responseXML; txt = ""; x = xmlDoc.getElementsByTagName("ARTIST"); for (i = 0; i< x.length; i++) { txt += x[i].childNodes[0].nodeValue + "<br>"; document.getElementById("demo").innerHTML = txt; </script> </body> </html>
![<!DOCTYPE html> <html> <body> <h2>My CD Collection:</h2> <button type= button onclick= loadXMLDoc() > Get my CD collection</button> <p id= demo ></p> <script> function loadXMLDoc() { var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { myFunction(this); } }; xmlhttp.open( GET , cd_catalog.xml , true); xmlhttp.send(); function myFunction(xml) { var x, i, xmlDoc, txt; xmlDoc = xml.responseXML; txt = ; x = xmlDoc.getElementsByTagName( ARTIST ); for (i = 0; i< x.length; i++) { txt += x[i].childNodes[0].nodeValue + <br> ; document.getElementById( demo ).innerHTML = txt; </script> </body> </html>](http://slideplayer.info/slide/16992028/98/images/9/%3C%21DOCTYPE+html%3E+%3Chtml%3E+%3Cbody%3E+%3Ch2%3EMy+CD+Collection%3A%3C%2Fh2%3E+%3Cbutton+type%3D+button+onclick%3D+loadXMLDoc%28%29+%3E+Get+my+CD+collection%3C%2Fbutton%3E+%3Cp+id%3D+demo+%3E%3C%2Fp%3E+%3Cscript%3E+function+loadXMLDoc%28%29+%7B+var+xmlhttp+%3D+new+XMLHttpRequest%28%29%3B+xmlhttp.onreadystatechange+%3D+function%28%29+%7B+if+%28this.readyState+%3D%3D+4+%26%26+this.status+%3D%3D+200%29+%7B+myFunction%28this%29%3B+%7D+%7D%3B+xmlhttp.open%28+GET+%2C+cd_catalog.xml+%2C+true%29%3B+xmlhttp.send%28%29%3B+function+myFunction%28xml%29+%7B+var+x%2C+i%2C+xmlDoc%2C+txt%3B+xmlDoc+%3D+xml.responseXML%3B+txt+%3D+%3B+x+%3D+xmlDoc.getElementsByTagName%28+ARTIST+%29%3B+for+%28i+%3D+0%3B+i%3C+x.length%3B+i%2B%2B%29+%7B+txt+%2B%3D+x%5Bi%5D.childNodes%5B0%5D.nodeValue+%2B+%3Cbr%3E+%3B+document.getElementById%28+demo+%29.innerHTML+%3D+txt%3B+%3C%2Fscript%3E+%3C%2Fbody%3E+%3C%2Fhtml%3E.jpg "<!DOCTYPE html> <html> <body> <h2>My CD Collection:</h2> <button type= button onclick= loadXMLDoc() > Get my CD collection</button> <p id= demo ></p> <script> function loadXMLDoc() { var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { myFunction(this); } }; xmlhttp.open( GET , cd_catalog.xml , true); xmlhttp.send(); function myFunction(xml) { var x, i, xmlDoc, txt; xmlDoc = xml.responseXML; txt = ; x = xmlDoc.getElementsByTagName( ARTIST ); for (i = 0; i< x.length; i++) { txt += x[i].childNodes[0].nodeValue + <br> ; document.getElementById( demo ).innerHTML = txt; </script> </body> </html>")
Presentasi serupa
