使用AJAX从XML中提取信息并发布到HTML中

时间:2015-02-10 00:50:09

标签: html css xml

我有一项任务,要求使用AJAX从XML中提取某些信息。到目前为止,我有我的HTML,information.xml,下面是我的代码。我也有

<body onload="loadinfo();">

在HTML的正文中。

我的问题是如何从XML中提取信息以加载到HTML中?

    function loadinfo() {
        xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange= readinfo()
            xmlhttp.open("GET", "information.xml", true);
            xmlhttp.send();
        }


    function readinfo() {
        if (xmlhttp.readyState == 4) {
            xmlDoc = xmlhttp.informationXML;

            var items = xmlDoc.getElementsByTagName("TechnicalSupport")
            root = xmlResponse.documentElement;
            grabinfo = root.getElementsByTagName("TechnicalSupport")



        }
    }

这是我的XML:

<TechnicalSupport> 
  <info online-phone="1-800-588-7885" 
        online-email="TechnicalSupport@html.edu"
        campus-phone="1-800-588-7886"
        campus-email="CampusSupport@html.edu"/>  
</TechnicalSupport>

1 个答案:

答案 0 :(得分:0)

我不想为你做太多的功课,但是我会查看以下几页,了解如何将使用ajax加载的xml转换成可以用Javascript读取的变量。然后,您可以将它们指定为页面上html元素的值。

http://www.w3schools.com/xml/xml_parser.asphttp://www.w3schools.com/xml/xml_dom.asp