Javascript 我应该使用jquery中的什么插件或哪个插件用xml文件内容填充html表？

我需要将xml文件中的数据从服务器（文件路径类似于

文件/client.xml

）显示到html表或datagrid中，我应该使用哪个插件，或者更确切地说应该使用什么，以便它具有可变分页、过滤器和表css自定义。任何建议都会有帮助，一个小例子对我来说应该是一个加分：）谢谢

注意：我的xml结构是固定的

<?xml-stylesheet type="text/xsl" href="csmclientiir.xsl"?>
<csmclient product="abc"   date="4/26/11 2:05 PM">
<system>
    <osname>Linux
    </osname>
    <hostname>AbhishekNix
    </hostname>
    <release>2.6.18-128.el5
    </release>
    <filesystem>
        <file mount='/home/hp1' home='(innfs2:/vol/home/shome/home/hp1)' total='1717567488' free='644306780' used='1073260708' percentage='62' />
        <file mount='/home/par21' home='(innfs2:/vol/home/shome/home/par21)' total='1717567488' free='644306780' used='1073260708' percentage='62' />
        <file mount='/home/h231' home='(innfs2:/vol/home/shome/home/h231)' total='1717567488' free='644306780' used='1073260708' percentage='62' />
        <file mount='/home/avallin1' home='(innfs2:/vol/home/shome/home/avallin1)' total='1717567488' free='644306780' used='1073260708' percentage='62' />
        <file mount='/home/park' home='(innfs2:/vol/home/shome/home/park)' total='1717567488' free='644306780' used='1073260708' percentage='62' />
        <file mount='/home/sp1' home='(innfs2:/vol/home/shome/home/sp1)' total='1717567488' free='644306780' used='1073260708' percentage='62' />
        <file mount='/home/ganga1' home='(innfs2:/vol/home/shome/home/ganga1)' total='1717567488' free='644306780' used='1073260708' percentage='62' />
        <file mount='/home/nbp1' home='(innfs2:/vol/home/shome/home/nbp1)' total='1717567488' free='644306780' used='1073260708' percentage='62' />
    </filesystem>
</system>
<product>
    <showtime>Tue Apr 26 14:05:23 2011
    </showtime>
</product>
</csmclient>

---

只要您能够控制xml文件的内容，@Tomas和@doctrey就可以很好地工作。它们的格式要求相当严格。

您可能想要使用它-它将允许您获取XML响应并直接应用XSL转换，然后可以将其插入DOM。

基本上，您可以使用jQuery选择器读取XML DOM，就像读取HTML DOM一样。因此，在您的XML示例中，如果您想对每个

元素执行特定的操作，例如，将其

mount

属性的内容添加到无序列表中，您可以执行以下操作：

$(xml).('file').children().each(function() {
    var fileElem = this; // save the instance for closure
    $('ul#theList').append($('<li>').text(fileElem.attr('mount'));
});

---

这些都是我从你那里得到的，所以可能对你也有帮助。注意：这是Google上第一次推出“jquery xml”…

我的xml在它们的结构中是固定的XSLT中有分页、筛选和css选项。因为XSLT对我来说是全新的？如果是的话，那么任何我可以快速入门的地方XSL都可以为每个数据库进行选择、排序，以及几乎所有您可以使用只读数据库进行的操作：）请检查，谢谢您的回复。我以前看过这个教程，得到了很好的帮助，但我希望找到一些jQuery插件，这将使它变得更容易，并摆脱手动编码变量分页、筛选和排序。@Abhishek:您可能可以很好地使用其他答案中建议的一个插件，如果您用这个方法解析您的特殊xml格式，并以插件所需的形式创建数据……那么在这么短的时间内，这对我来说是不可能的。直到星期一我必须给出一些东西，因为我需要很多例子和实验。如果您有一些空闲时间，您可以在任何插件中为

文件系统

创建数据，前提是您可以抽出一些时间。请不要这样认为：）我设法为jqGrid制作了数据，它工作正常，我把它放在我的问题中供其他人参考。谢谢你指导我

$(xml).('file').children().each(function() {
    var fileElem = this; // save the instance for closure
    $('ul#theList').append($('<li>').text(fileElem.attr('mount'));
});

$.ajax({
    type: "GET",
    url: "your.xml",
    dataType: "xml",
    success: function(xml) {
        // Insert the previous code snippet here
    }
});