XML
XML adalah format data yang amat terkenal, sudah didukung hampir semua bahasa pemograman
untuk meng-generate dan mem-parse XML. Berikut adalah contoh pemograman ajax, di mana
format respon ajax berupa XML.
Misal kita memiliki data XML sebagai berikut.
Kode 10. data.xml
<books>
<book>
<author>Desrizal</author>
<title>Action Script Advanced</title>
</book>
<book>
<author>Nurmi Yulita Rahmi</author>
<title>Hacking exposed</title>
</book>
<book>
<author>Batman</author>
<title>PHP Hacking</title>
</book>
</books>
Kemudian di sisi client, kita punya kode ajax sebagai berikut :
Kode 11. ajaxxml.html
<html>
<head>
<script>
var drz = buatAjax();
var url = "data.xml";
function buatAjax(){
if(window.XMLHttpRequest){
return new XMLHttpRequest();
}else if(window.ActiveXObject){
return new ActiveXObject("Microsoft.XMLHTTP");
}
}
function ambilXMLDoc(){
drz.open("GET",url+"?sid="+Math.random(),true);
drz.onreadystatechange = prosesData;
drz.send(null);
}
function prosesData(){
if(drz.readyState == 4){
var dtable = document.getElementById( 'tabel' );
var nl = drz.responseXML.getElementsByTagName( 'book' );
for( var i = 0; i < nl.length; i++ ) {
var nli = nl.item( i );
var elAuthor = nli.getElementsByTagName( 'author' );
var author = elAuthor.item(0).firstChild.nodeValue;
var elTitle = nli.getElementsByTagName( 'title' );
var title = elTitle.item(0).firstChild.nodeValue;
var elTr = dtable.insertRow( -1 );
var elAuthorTd = elTr.insertCell( -1 );
elAuthorTd.innerHTML = author;
var elTitleTd = elTr.insertCell( -1 );
elTitleTd.innerHTML = title;
}
}
}
</script>
</head>
<body onload=ambilXMLDoc()>
<table cellspacing="0" cellpadding="3" border=1>
<tbody id="tabel">
<tr>
<th width="20%">Author</th>
<th width="80%">Title</th>
</tr>
</tbody>
</table>
</body>
</html>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>XML adalah format data yang amat terkenal, sudah didukung hampir semua bahasa pemograman
untuk meng-generate dan mem-parse XML. Berikut adalah contoh pemograman ajax, di mana
format respon ajax berupa XML.
Misal kita memiliki data XML sebagai berikut.
Kode 10. data.xml
<books>
<book>
<author>Desrizal</author>
<title>Action Script Advanced</title>
</book>
<book>
<author>Nurmi Yulita Rahmi</author>
<title>Hacking exposed</title>
</book>
<book>
<author>Batman</author>
<title>PHP Hacking</title>
</book>
</books>
Kemudian di sisi client, kita punya kode ajax sebagai berikut :
Kode 11. ajaxxml.html
<html>
<head>
<script>
var drz = buatAjax();
var url = "data.xml";
function buatAjax(){
if(window.XMLHttpRequest){
return new XMLHttpRequest();
}else if(window.ActiveXObject){
return new ActiveXObject("Microsoft.XMLHTTP");
}
}
function ambilXMLDoc(){
drz.open("GET",url+"?sid="+Math.random(),true);
drz.onreadystatechange = prosesData;
drz.send(null);
}
function prosesData(){
if(drz.readyState == 4){
var dtable = document.getElementById( 'tabel' );
var nl = drz.responseXML.getElementsByTagName( 'book' );
for( var i = 0; i < nl.length; i++ ) {
var nli = nl.item( i );
var elAuthor = nli.getElementsByTagName( 'author' );
var author = elAuthor.item(0).firstChild.nodeValue;
var elTitle = nli.getElementsByTagName( 'title' );
var title = elTitle.item(0).firstChild.nodeValue;
var elTr = dtable.insertRow( -1 );
var elAuthorTd = elTr.insertCell( -1 );
elAuthorTd.innerHTML = author;
var elTitleTd = elTr.insertCell( -1 );
elTitleTd.innerHTML = title;
}
}
}
</script>
</head>
<body onload=ambilXMLDoc()>
<table cellspacing="0" cellpadding="3" border=1>
<tbody id="tabel">
<tr>
<th width="20%">Author</th>
<th width="80%">Title</th>
</tr>
</tbody>
</table>
</body>
</html>
<!-- Iklaan -->
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-2327906192493264" data-ad-format="auto" data-ad-slot="7017710393" data-full-width-responsive="true" style="display: block;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>