天天看點

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" οnclick="loadXMLDoc(aa)">獲得我的圖書收藏清單</button> 


</body> 

</html>