javascript - 为什么以下 Java 脚本无法加载 XML?

标签 javascript html dom xmldom

我在类里面教给我们一个例子,其中使用javascript从XML中检索数据,但它不起作用。请帮忙 我还在下面添加了 XML 文件。

<html>
    <head>
             <title>Customer Info</title>
    <script language="javascript">
      var xmlDoc = 0;
      var xmlObj = 0;

      function loadCustomers(){
        xmlDoc = new ActiveXObject("Microsoft.XMLDOM");  
        xmlDoc.async = "false";
        xmlDoc.onreadystatechange = displayCustomers;
        xmlDoc.load("customers.xml");
      }

      function displayCustomers(){
        if(xmlDoc.readyState == 4){
        xmlObj = xmlDoc.documentElement;
        var len = xmlObj.childNodes.length;         
        for(i = 0; i < len; i++){
          var nodeElement = xmlObj.childNodes[i];
          document.write(nodeElement.attributes[0].value);
          for(j = 0; j < nodeElement.childNodes.length; j++){
            document.write(" " + nodeElement.childNodes[j].firstChild.nodeValue);
          }
          document.write("<br/>");
        }
        }
          }
        </script>
    </head>
    <body>
        <form>
            <input type="button" value="Load XML" onClick="loadCustomers()">
        </form>
    </body>
</html>

XML(customers.xml)

<?xml version="1.0" encoding="UTF-8"?>

<customers>
    <customer custid="CU101">
        <pwd>PW101</pwd>
        <email>jack@rediff.com</email>
    </customer>
    <customer custid="CU102">
        <pwd>PW102</pwd>
        <email>jill@rediff.com</email>
    </customer>
    <customer custid="CU103">
        <pwd>PW103</pwd>
        <email>john@rediff.com</email>
    </customer>
    <customer custid="CU104">
        <pwd>PW104</pwd>
        <email>jeff@rediff.com</email>
    </customer>
</customers>

编辑 1

我正在尝试 W3Schools.com 上的一些示例,但它们不起作用。我正在使用 chrome 和 IE。这是我尝试过的一些例子。 Example1 Example2

最佳答案

看起来该示例仅适用于 Internet Explorer Web 浏览器。您可能想看看这个 Getting Started教程。

关于javascript - 为什么以下 Java 脚本无法加载 XML?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4532957/

相关文章:

javascript - firefox中输入框取数值

javascript - 如何使用 JavaScript 获取 JSON Tree Schema 的属性值?

javascript - navigator.mediaDevices.getUserMedia 与 http 服务器

javascript - ng-repeat 后 Angular 不更新 css

javascript - 在 textarea 元素中对特定单词进行动态着色

html - 如何让 Bootstrap 固定导航栏不是全宽,顶部有横幅

javascript - 如何使用 DOM 更改 HTML 表格第一行中的按钮? (通过 DOM 添加和删除行)

html - 按百分比拉伸(stretch)响应元素

javascript - jQuery 无法获得良好格式的 Id

javascript - 使用 jQuery 将数组中的图像和文本转换为 Div?