jquery - 使用 Ajax 和 xpath 从 xml 文件中获取数据并显示在 html 表中

Question

这是我开始的方式

<script>
$(document).ready(function() {

    $.ajax({
        type : "GET",
        url : "EmployeeData.xml",
        dataType : "xml",
        success : processXml
    });
});

// function to process the read in XML
function processXml(xml) {
    var nodes = xmlDoc.selectNodes("/employeelist/employee");

          // Help Here
    }</script>

xml文件

<employeelist>
<employee>
    <id>01</id>
    <name>Bob</name>
    <gender>M</gender>
    <designation>Traniee</designation>
    <salary>18000</salary>
    <doj>01-03-2012</doj>
</employee>
<employee>
    <id>02</id>
    <name>Rob</name>
    <gender>M</gender>
    <designation>Manager</designation>
    <salary>40000</salary>
    <doj>04-03-2010</doj>
</employee></employeelist>

我想使用 xpath 来遍历 xml 文件并获取所有元素和子节点值。我卡住的地方是，如何循环节点以获取子节点值。

谢谢..！！

Answer 1

 xmlDoc = $.parseXML( xml ),
    $xml = $( xmlDoc ),
    $employee= $xml.find( "employee" );

参考解析xml

Answer 2

这是我使用的代码

for ( var i = 0; i < nodes.length; i++) {
var id = nodes[i].selectSingleNode("id").firstChild.nodeValue;
var name = nodes[i].selectSingleNode("name").firstChild.nodeValue;
var designation = nodes[i].selectSingleNode("designation").firstChild.nodeValue;
}