本實例演示怎樣通過Ajax無刷新獲取內容並顯示在頁面上。
點擊按鈕查看效果：
代碼如下：
<div id="ajax_keleyi_com"></div>
<input type="button" value="Ajax獲取內容" onclick="startAjaxRequest()" />
<script>
var xmlHttp;
function createXMLHttpRequest(){
if (window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
function startAjaxRequest(){
var host='http:///zliao/g/content/g1.htm';
createXMLHttpRequest();
xmlHttp.open('GET', host, true);
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.send('');
}
function handleStateChange(){
if(xmlHttp.readyState == 4){
if(xmlHttp.status == 200){
var keleyi_g1 = xmlHttp.responseText;
document.getElementById("ajax_keleyi_com").innerHTML=keleyi_g1;
}
}
}
</script>