AJAX基础教程－1 innerHTML

js 代码

1. <script type="text/javascript">   
2. var xmlHttp;   
3. function createXMLHttpRequest() {   
4. if (window.ActiveXObject) {   
5. xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");   
6. }   
7. else if (window.XMLHttpRequest) {   
8. xmlHttp = new XMLHttpRequest();   
9. }   
10. }   
11. function startRequest() {   
12. createXMLHttpRequest();   
13. xmlHttp.onreadystatechange = handleStateChange;   
14. xmlHttp.open("GET", "innerHTML.xml", true);   
15. xmlHttp.send(null);   
16. }   
17. function handleStateChange() {   
18. if(xmlHttp.readyState == 4) {   
19. if(xmlHttp.status == 200) {   
20. document.getElementById("results").innerHTML = xmlHttp.responseText;   
21. }   
22. }   
23. }   
24. </script>  

xml 代码

1. <table border="1">  
2.     <tbody>  
3.         <tr>  
4.             <th>Activity Nameth>  
5.             <th>Locationth>  
6.             <th>Timeth>  
7.         tr>  
8.         <tr>  
9.             <td>Waterskiingtd>  
10.             <td>Dock #1td>  
11.             <td>9:00 AMtd>  
12.         tr>  
13.         <tr>  
14.             <td>Volleyballtd>  
15.             <td>East Courttd>  
16.             <td>2:00 PMtd>  
17.         tr>  
18.         <tr>  
19.             <td>Hikingtd>  
20.             <td>Trail 3td>  
21.             <td>3:30 PMtd>  
22.         tr>  
23.     tbody>  
24. table>