案例:ajax案例     状态:可编辑再运行    进入竖版
 运行结果 
AخA
<button onclick="loadXMLDoc('/example/xmle/cd_catalog.xml')">获得 CD 信息</button>
 
1
<html>
2
<head>
3
<script type="text/javascript">
4
function loadXMLDoc(url)
5
{
6
var xmlhttp;
7
var txt,x,xx,i;
8
if (window.XMLHttpRequest)
9
  {// code for IE7+, Firefox, Chrome, Opera, Safari
10
  xmlhttp=new XMLHttpRequest();
11
  }
12
else
13
  {// code for IE6, IE5
14
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
15
  }
16
xmlhttp.onreadystatechange=function()
17
  {
18
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
19
    {
20
    txt="<table border='1'><tr><th>Title</th><th>Artist</th></tr>";
21
    x=xmlhttp.responseXML.documentElement.getElementsByTagName("CD");
22
    for (i=0;i<x.length;i++)
23
      {
24
      txt=txt + "<tr>";
25
      xx=x[i].getElementsByTagName("TITLE");
26
        {
27
        try
28
          {
29
          txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>";
30
          }
31
        catch (er)
32
          {
33
          txt=txt + "<td> </td>";
34
          }
35
        }
36
      xx=x[i].getElementsByTagName("ARTIST");
37
        {
38
        try
39
          {
40
          txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>";
41
          }
42
        catch (er)
43
          {
44
          txt=txt + "<td> </td>";
45
          }
46
        }
47
      txt=txt + "</tr>";
48
      }