首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Ajax >

ajax 的简略例子

2013-04-09 
ajax 的简单例子htmlheadscript typetext/javascriptvar xmlhttp//这里就是传递的一个变量 最好

ajax 的简单例子
<html>
<head>
<script type="text/javascript">

var xmlhttp;
//这里就是传递的一个变量 最好命名为cfun
function loadXMLDoc(cfun)
{
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
xmlhttp.onreadystatechange=cfun;
xmlhttp.open("GET","http://www.w3school.com.cn/example/xmle/books.xml",true);
xmlhttp.send();
}

function aa()
  {
  var txt,x,i;
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    xmlDoc=xmlhttp.responseXML;
    txt="";
    x=xmlDoc.getElementsByTagName("title");
    for (i=0;i<x.length;i++)
      {
      txt=txt + x[i].childNodes[0].nodeValue + "<br />";
      }
    document.getElementById("myDiv").innerHTML=txt;
    }
  }
</script>
</head>

<body>

<h2>My Book Collection:</h2>
<div id="myDiv"></div>
<button type="button" onclick="loadXMLDoc(aa)">获得我的图书收藏列表</button>

</body>
</html>

热点排行