Tutorial AJAX
Tutorial AJAX
AJAX = Asynchronous JavaScript and XML (Asynchronous JavaScript and XML).
AJAX bukan bahasa pengaturcaraan baharu, tetapi cara baharu menggunakan piawaian sedia ada.
AJAX ialah seni menukar data dengan pelayan dan mengemas kini bahagian halaman web tanpa memuatkan semula keseluruhan halaman.
Instance AJAX
Instance
<!DOCTYPE html>
<html>
<head>
<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","/try/ajax/ajax_info.txt",true);
xmlhttp.send();
}
</script>
</head>
<body>
<div id="myDiv"><h2>使用 AJAX 修改该文本内容</h2></div>
<button type="button" onclick="loadXMLDoc()">修改内容</button>
</body>
</html>Jalankan instance»
Klik butang "Run instance" untuk melihat Contoh Dalam Talian
