»Unlabelled » Ajax Pertamaku

Ajax Pertamaku

Bookmark and Share
Script sederhana untuk memulai belajar ajax, script dibawah ini  khusus untuk pemula, karena yang membuatnya juga pemula, jadi kalau yang mahir ngak perlu script ini, script ini digunakan untuk mentest apakah aplikasi ajax pada browser kita berjalan atau tidak, ketika kita klik button dan web kita menampilkan pesan berati brower kita mendukung httmlrequest, kalau pesanya tidak mucul, berati browser yang kita gunakan tidak mendukung

Untuk script nya ada tiga buah file dengan extensi yang berbeda
1. file js , simapan dengan nama ajax.js


var xmlHttp = buatObjekXmlHttp();



function buatObjekXmlHttp()

{

var obj = null;

if (window.ActiveXObject)

obj = new ActiveXObject("Microsoft.XMLHTTP");

else

if (window.XMLHttpRequest)

obj = new XMLHttpRequest();



// Cek isi xmlHttp

if (obj == null)

document.write(

"Browser tidak mendukung XMLHttpRequest");

return obj;

}



function ambilData(sumber_data, id_elemen)

{

if (xmlHttp != null)

{

var obj = document.getElementById(id_elemen);

xmlHttp.open("GET", sumber_data, true);
xmlHttp.onreadystatechange = function ()

{

if (xmlHttp.readyState == 4 &&

xmlHttp.status == 200)

{

obj.innerHTML = xmlHttp.responseText;

}

}



xmlHttp.send(null);

}

}

2. file html (simpan dengan nama index.html)

<html>

<head></head>

</script>

<title>Contoh Ajax</title>

<script type="text/javascript" src="ajax.js">

</script>

</head>

<body>

<h1>Ajax Pertamaku</h1>

<h1><hr>

</h1>

<div id="id_info">

<input name="button" type="button"

onClick="ambilData('text.txt', 'id_info');" value="Coba Klik" />

</div>

</body>

</html>

3. buat fil txt dengan notepad simpan dengan nama (text.txt)
isi nya terserah, dan isi text ini yang akan di tampilakan web kita

4. Selamat belajar, hehehe sama - sama belajar, kalau ada informasi baru tentang ajax, bagi ya dengan saya
terimakasih..
- -

{ 0 komentar... Views All / Send Comment! }


Posting Komentar