XML & AJAX Teguh S.

Presentasi berjudul: "XML & AJAX Teguh S."— Transcript presentasi:

1 XML & AJAX Teguh S

2 Apa itu XML? XML singkatan dari eXtensible Markup Language
merupakan bahasa markup seperti HTML XML didesain untuk menyampaikan data, dan tidak untuk tujuan menampilkan data Tag XML tidak bersifat predefined. Pengembang harus mendefinisikan tag-tag nya sendiri XML didesain untuk menjelaskan/mendeskripsikan dokumen yg dikandungnya XML merupakan rekomendasi dari W3C

3 XML vs HTML XML tidak menggantikan HTML
XML dan HTML didesain dgn tujuan berbeda: - XML didesain untuk mengirimkan dan menyimpan data, dan berfokus pada "Data apa itu?" - HTML didesain untuk menampilkan data, dgn berfokus pada "bagaimana data ditampilkan?" HTML adalah tentang cara menampilkan informasi, sedangkan XML adalah tentang cara menyampaikan informasi

4 XML dan Data XML tidak melakukan sebuah aksi apapun, namun hanya menciptakan sebuah tatanan struktur untuk memetakan data Berikut struktur dan data sederhana xml <?xml version=“1.0”?> <mhs> <nim> </nim> <nama>Panjul Oke</nama> <alamat> <jalan>Jl Samanhudi 84-86</jalan> <kota>Solo</kota> <kodepos>57142</kodepos> </alamat> </mhs>

5 Struktur XML Dokumen XML memiliki struktur yg terdiri dari
Root element, dalam dokumen xml hanya ada satu pasang root elemen (misal: test, dr contoh di atas) Di dalam root element dapat terdiri dari beberapa child-element (misal: element mhs) Data element dapat didefinisikan sebagai atribut dari element, contoh <?xml version=“1.0”?> <mhs> <nim> </nim> <nama>Panjul Oke</nama> <alamat jalan=“Jl Samanhudi 84-86” kota=“Solo” kodepos=“57142” /> </mhs> Dalam child element dapat memiliki beberapa sub-child element Element yg memiliki tingkatan sederajat disetiap levelnya disebut sibling-element

6 Men-generate XML dgn PHP
<?php $cn = mysql_connect("localhost", "root", ""); mysql_select_db("test", $cn); $sql = "SELECT nim, nama, prodi FROM mhs"; $hasil = mysql_query($sql, $cn); header("Content-Type: text/xml"); echo "<?xml version=\"1.0\" encoding=\"ISO \"?>\n\n"; echo "<test>\n"; while ($baris = mysql_fetch_row($hasil)){ echo "<mhs>\n"; echo "<nim>".$baris[0]."</nim>\n"; echo "<nama>".$baris[1]."</nama>\n"; echo "<prodi>".$baris[2]."</prodi>\n"; echo "</mhs>\n"; } echo "</test>\n"; ?>

7 Parsing XML dg AJAX Membaca dokumen digunakan metode:
Sedangkan untuk membaca element dalam dokumen xml dapat digunakan metode: getElementsByTagName(nama-elemen) Contoh : var docXML = xmlhttp.responseXML; //mhs ke-1 nim1 = docXML.getElementsByTagName("nim")[0].firstChild.data; nama1= docXML.getElementsByTagName("nama")[0].firstChild.data; //mhs ke-2 nim2 = docXML.getElementsByTagName("nim")[1].firstChild.data; nama2= docXML.getElementsByTagName("nama")[1].firstChild.data;