Sumber
Contoh aplikasi Ajax
Langsung saja akan saya berikan contoh aplikasi Ajax, saya akan berikan contoh dan nanti akan saya jelaskan dibawahnya. Sekarang anda tuliskan kode dibawah ini dan simpan dengan nama coba.
<html>
<head>
<title>
Request file dengan Ajax</title>
<script language = "javascript">
var XMLHttpRequestObject=false
if (window.XMLHttpRequest) {
XMLHttpRequestObject = new XMLHttpRequest()
} else if (window.ActiveXObject) {
XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHttp")
}
function getdata(url,divhasil) {
if (XMLHttpRequestObject) {
var obj = document.getElementById(divhasil)
XMLHttpRequestObject.open("GET", url)
XMLHttpRequestObject.onreadystatechange = function() {
if (XMLHttpRequestObject.readyState == 4 &&
XMLHttpRequestObject.status == 200) {
obj.innerHTML = XMLHttpRequestObject.responseText
}
}
XMLHttpRequestObject.send(null)
}
}
</script>
</head>
<body>
<h1>
Mengambil data dari file HTML</h1>
<form>
<input type="button" value="Tampilkan Data" onclick="getdata
('tampil.html','divhasil')">
</form>
<div id="divhasil">
Isi dari tampil.html akan ditampilkan disini
</div>
</body>
</html>
Sekarang buat file tampil.html dan isilah dengan kode berikut ini:
Text ini diambil dengan <b>Ajax</b>
Langganan:
Posting Komentar (Atom)
.jpg)
Tidak ada komentar:
Posting Komentar