AJAX 實例
ajax 實例
為了幫助您理解 ajax 的工作原理，我們創(chuàng)建了一個小型的 ajax 應用程序:
實例
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();
} 使用 ajax 修改該文本內容
ajax 實例解析
上面的 ajax 應用程序包含一個 div 和一個按鈕。
div 部分用于顯示來自服務器的信息。當按鈕被點擊時，它負責調用名為 loadxmldoc() 的函數(shù)：
<div id="mydiv"><h2>使用 ajax 修改該文本內容h2>div> <button type="button" onclick="loadxmldoc()">修改內容button>
接下來，在頁面的 head 部分添加一個 標簽。該標簽中包含了這個 loadxmldoc() 函數(shù)：
function loadxmldoc()
{
.... ajax 腳本執(zhí)行 ...
}
下面的章節(jié)會為您講解 ajax 的工作原理。
學習AJAX