ajax異步傳輸 – Javascript教程_JS教程_技術文章 – 程式設計聯盟

<html> 
<head> 
<script type="text/javascript"> 
var xmlhttp; 
function loadXMLDoc(url,cfunc) 

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=cfunc; 
xmlhttp.open("GET",url,true); 
xmlhttp.send(); 

function myFunction() 

loadXMLDoc("/ajax/test1.txt",function() 
  { 
  if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText; 
    } 
  }); 

</script> 
</head> 
<body> 
 
<p id="myDiv"><h2>Let AJAX change this text</h2></p> 
<button type="button" onclick="myFunction()">通過 AJAX 改變內容</button> 
 
</body> 
</html> 

摘自 chaojie2009的專欄

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。