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

时间:2013-08-23 10:59:46

标签: jquery xml xpath

以下是我开始的方式

<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文件并获取所有元素和子节点值。 我卡住的地方是,如何循环节点以获取子节点值。

感谢.. !!

2 个答案:

答案 0 :(得分:0)

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

参考parse xml

答案 1 :(得分:0)

这是我使用的代码

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;
}