在线运行代码 - 菜鸟教程

<!DOCTYPE html>
<html>
<head>
<script>
function loadXMLDoc()
{
  xmlhttp=null;
  if (window.XMLHttpRequest)
  {
    // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
    xmlhttp=new XMLHttpRequest();
  }
  else
  {
    // IE6, IE5 浏览器执行代码
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  if (xmlhttp!=null)
  {
    xmlhttp.onreadystatechange=function()
    {
      if (xmlhttp.readyState==4 && xmlhttp.status==200)
      {
        xmlDoc=xmlhttp.responseXML;
        var txt="";
        x=xmlDoc.getElementsByTagName("ARTIST");
        for (i=0;i<x.length;i++)
        {
          txt=txt + x[i].childNodes[0].nodeValue + "<br>";
        }
        document.getElementById("myDiv").innerHTML=txt;
      }
    }
    xmlhttp.open("GET","cd_catalog.xml",true);
    xmlhttp.send();
  }
  else
  {
    alert("您的浏览器不支持 XMLHTTP。");
  }
}
</script>
</head>
<body>

<h2>我的 CD 收藏夹:</h2>
<div id="myDiv"></div>
<button type="button" onclick="loadXMLDoc()">获取我的 CD 收藏夹</button>

</body>
</html>
源代码

动行结果
