AJAX 實(shí)例

ajax 實(shí)例

為了幫助您理解 ajax 的工作原理，我們創(chuàng)建了一個(gè)小型的 ajax 應(yīng)用程序:

實(shí)例

 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 修改該文本內(nèi)容

ajax 實(shí)例解析

上面的 ajax 應(yīng)用程序包含一個(gè) div 和一個(gè)按鈕。

div 部分用于顯示來自服務(wù)器的信息。當(dāng)按鈕被點(diǎn)擊時(shí)，它負(fù)責(zé)調(diào)用名為 loadxmldoc() 的函數(shù)：

<div id="mydiv"><h2>使用 ajax 修改該文本內(nèi)容h2>div> <button type="button" onclick="loadxmldoc()">修改內(nèi)容button>

接下來，在頁(yè)面的 head 部分添加一個(gè) 標(biāo)簽。該標(biāo)簽中包含了這個(gè) loadxmldoc() 函數(shù)：

function loadxmldoc() { .... ajax 腳本執(zhí)行 ... }

下面的章節(jié)會(huì)為您講解 ajax 的工作原理。

相關(guān)文章

學(xué)習(xí)AJAX