javascript读取xml

xml文件playlist.xml

xml
<?xml version="1.0" encoding="utf-8" ?>
<playlist>
    <track id="1">
        <title>"Number One"</title>
        <artist>John Mayer</artist>
        <subtitle>featuring Kayne West</subtitle>
        <link url="123" playlist="23" menu="2323" trackingId="" guid="" market="us" />
    </track>
    <track id="2">
        <title>"Where Did My Baby Go?"</title>
        <artist>John Mayer</artist>
        <subtitle>featuring Kayne West</subtitle>
        <link url="222" playlist="" menu="" trackingId="" guid="" market="us" />
    </track>
    <track id="3">
        <title>"P.D.A."</title>
        <artist>John Mayer</artist>
        <subtitle>featuring Kayne West</subtitle>
        <link url="333" playlist="" menu="" trackingId="" guid="" market="us" />
    </track>
    <track id="4">
        <title>"Selfish"</title>
        <artist>John Mayer</artist>
        <subtitle>featuring Kayne West</subtitle>
        <link url="33344" playlist="" menu="" trackingId="" guid="" market="us" />
    </track>
    <track id="5">
        <title>"Slow Dance"</title>
        <artist>John Mayer</artist>
        <subtitle>featuring Kayne West</subtitle>
        <link url="444" playlist="" menu="" trackingId="" guid="" market="us" />
    </track>
    <track id="6">
        <title>"I Can Change"</title>
        <artist>John Mayer</artist>
        <subtitle>featuring Kayne West</subtitle>
        <link url="" playlist="" menu="" trackingId="" guid="" market="us" />
    </track>
    <track id="7">
        <title>"Used to Love U"</title>
        <artist>John Mayer</artist>
        <subtitle>featuring Kayne West</subtitle>
        <link url="" playlist="" menu="" trackingId="" guid="" market="us" />
    </track>
    <track id="8">
        <title>"Show Me"</title>
        <artist>John Mayer</artist>
        <subtitle>featuring Kayne West</subtitle>
        <link url="" playlist="" menu="" trackingId="" guid="" market="us" />
    </track>
    <track id="9">
        <title>"Stay With You"</title>
        <artist>John Mayer</artist>
        <subtitle>featuring Kayne West</subtitle>
        <link url="" playlist="" menu="" trackingId="" guid="" market="us" />
    </track>
    <track id="10">
        <title>"Again"</title>
        <artist>John Mayer</artist>
        <subtitle>featuring Kayne West</subtitle>
        <link url="" playlist="" menu="" trackingId="" guid="" market="us" />
    </track>
    <track id="11">
        <title>"Radio"</title>
        <artist>John Mayer</artist>
        <subtitle>featuring Kayne West</subtitle>
        <link url="" playlist="" menu="" trackingId="" guid="" market="us" />
    </track>
    <track id="12">
        <title>"Microwave Oven"</title>
        <artist>John Mayer</artist>
        <subtitle>featuring Kayne West</subtitle>
        <link url="" playlist="" menu="" trackingId="" guid="" market="us" />
    </track>
    <track id="13">
        <title>"Toaster"</title>
        <artist>John Mayer</artist>
        <subtitle>featuring Kayne West</subtitle>
        <link url="" playlist="" menu="" trackingId="" guid="" market="us" />
    </track>
    <track id="14">
        <title>"Hot Mitts"</title>
        <artist>John Mayer</artist>
        <subtitle>featuring Kayne West</subtitle>
        <link url="" playlist="" menu="" trackingId="" guid="" market="us" />
    </track>
    <track id="15">
        <title>"Paper Napkin"</title>
        <artist>John Mayer</artist>
        <subtitle>featuring Kayne West</subtitle>
        <link url="" playlist="" menu="" trackingId="" guid="" market="us" />
    </track>
    <track id="16">
        <title>"Can Opener"</title>
        <artist>John Mayer</artist>
        <subtitle>featuring Kayne West</subtitle>
        <link url="" playlist="" menu="" trackingId="" guid="" market="us" />
    </track>
    <track id="17">
        <title>"Corkscrew"</title>
        <artist>John Mayer</artist>
        <subtitle>featuring Kayne West</subtitle>
        <link url="" playlist="" menu="" trackingId="" guid="" market="us" />
    </track>
    <track id="18">
        <title>"Garlic Press"</title>
        <artist>John Mayer</artist>
        <subtitle>featuring Kayne West</subtitle>
        <link url="" playlist="" menu="" trackingId="" guid="" market="us" />
    </track>
</playlist>

html文件playlist.htm

html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script language="javascript"  type="text/javascript">

var url = "playlist.xml"; 
String.prototype.Trim = function() { return this.replace(/(^\s*)|(\s*$)/g, ""); }
var plist = new Array();
var xmlDoc;

 var moz = (typeof document.implementation != 'undefined') 
   && (typeof document.implementation.createDocument != 'undefined');
 var ie = (typeof window.ActiveXObject != 'undefined');

function importXML(file) {

 if (moz) {
   xmlDoc = document.implementation.createDocument("", "doc", null);

 } else if (ie) {
   xmlDoc = new ActiveXObject("MSXML2.DOMDocument.3.0");
   xmlDoc.async = false;
   while(xmlDoc.readyState != 4) {};
 }
 
 xmlDoc.load(file);
}
importXML(url);

function updateCityState(){
if (moz) {
 var zip = xmlDoc.getElementsByTagName("zip")[0];
 var city;
    var _city = zip.getElementsByTagName("city")[0].firstChild.nodeValue;
      if (_city)   city = _city.Trim();
      
     var state;
     var _state=zip.getElementsByTagName("state")[0].firstChild.nodeValue;
     if(_state) state = _state.Trim();

      document.getElementById('city').value = city;
      document.getElementById('state').value = state;
      
} else if (ie) {
    plist[0] = "";
    var city;
    var _city = xmlDoc.getElementsByTagName("playlist/track");
      if (_city) city = _city(1).childNodes(3).getAttribute('url');
      for(var i =1;i<_city.length+1;i++)
      {
          plist[i]=_city(i-1).childNodes(3).getAttribute('url');
      }
      var str123 = "";
      for(var i =0;i<plist.length;i++)
      {
          str123+=plist[i]+" +";
      }
      alert(str123);
     var state;
     var _state=xmlDoc.selectSingleNode("/playlist/track");
     if(_state) state = _state.text;
       document.getElementById('city').value = city;
      document.getElementById('state').value = state;  
  }    
}
</script>
</head>
<body>
<form action="post">

  <p>
  ZIP code:
  <input type="text" size="5" name="zip" id="zip" onblur="updateCityState();" />

  </p>
  City:
  <input type="text" name="city" id="city" />

  State:
  <input type="text" size="2" name="state" id="state" />

</form>
</body>
</html>