将XML文件读取为HTML

Question

是否有可能在HTML中选择<div></div>内显示XML文件结构？

我的意思是，我在XML文件中保存了一个树结构，我想在我的网页上的某个地方显示这个树。

XML结构文件：

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE contact [
    <!ELEMENT contact (telefone_number)>
    <!ELEMENT telefone_number (#PCDATA)>
]>
<contact>
    <telefone_number>2203033</telefone_number>
</contact>

Answer 1

您可以使用jQuery及其Ajax函数加载和操作XML文件。 我建议你阅读这篇文章，它非常有用。

https://blog.udemy.com/jquery-xml/

如果您正在使用该预处理器，也可以使用PHP进行管理。

http://www.w3schools.com/php/php_xml_simplexml_read.asp

使用Jquery的示例

$(document).ready(function(){
    $.ajax({
    type: "GET",
    url: "/myfile.xml",
    dataType: "xml",
    //what to do if the file is loaded
    success: function(xml) {
        var number = $(xml).find('contact > telefone_number').text();
        //etc.
    }
    //what to do if there are errors
    error: function() {
        alert("Cannot load XML file");
    }
    });

});