如何用jQuery中的xml文件属性创建Javascript数组

如何解决如何用jQuery中的xml文件属性创建Javascript数组

|| 我正在使用jqGrid，但无法从xml文件获取属性。所以我想有一个类似下面的XML数组。请帮我从下面的xml文件创建一个数组 jqGrid支持的数组格式

var mydata = [
    {id:\"1\",invdate:\"2007-10-01\",name:\"test\",note:\"note\",amount:\"200.00\",tax:\"10.00\",total:\"210.00\"},{id:\"2\",invdate:\"2007-10-02\",name:\"test2\",note:\"note2\",amount:\"300.00\",tax:\"20.00\",total:\"320.00\"},{id:\"3\",invdate:\"2007-09-01\",name:\"test3\",note:\"note3\",amount:\"400.00\",tax:\"30.00\",total:\"430.00\"},{id:\"4\",invdate:\"2007-10-04\",{id:\"5\",invdate:\"2007-10-05\",{id:\"6\",invdate:\"2007-09-06\",{id:\"7\",{id:\"8\",invdate:\"2007-10-03\",{id:\"9\",total:\"430.00\"}
    ];

我的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中为

csmclient>system>filesystem>file

下的属性创建jQuery数组或JS中的JS数组，例如：

mount

，

free

，

total

，

used

和

percentage

属性 更新

var filesystem=[];
$(xml).find(\'file\').each(function(){ 
    console.info($(this).attr(\'total\')+\",\"+$(this).attr(\'free\')+\",\"+$(this).attr(\'used\')+\",\"+$(this).attr(\'percentage\'));
    var row={};
    row.total=$(this).attr(\'total\');
    row.free=$(this).attr(\'free\');
    row.used=$(this).attr(\'used\');
    row.percentage=$(this).attr(\'percentage\');
    filesystem.push(row);
});

    

解决方法

        

var data = [];

$(xml).find(\'file\').each(function(){ 
  var row = {};
  row.mount = this.getAttribute(\"mount\");
  // ...
  data.push(row);
});

    ,        使用jQuery XSLT插件将xml转换为正确的格式。

XML --> [XSLT Transformation] --> JS

源（XML）和输出（JS）之间的这一层使您可以自由地维护，更改和扩展源和输出，而无需创建意大利面条。 从XSLT到JSON的教程可以在这里找到 编辑：一个示例实现看起来像

<xsl:stylesheet 
  version=\"1.0\"
  xmlns:xsl=\"http://www.w3.org/1999/XSL/Transform\"
>
  <xsl:output method=\"text\" />

  <xsl:template match=\"/\">
    <xsl:apply-templates select=\"csmclient/system/filesystem\" />
  </xsl:template>

  <xsl:template match=\"filesystem\">
    <xsl:text>[</xsl:text>
    <xsl:apply-templates select=\"file\" />
    <xsl:text>]</xsl:text>
  </xsl:template>

  <xsl:template match=\"file\">
    <xsl:text>{</xsl:text>
    <xsl:apply-templates select=\"@*\" />
    <xsl:text>}</xsl:text>
    <xsl:if test=\"position() &lt; last()\">,</xsl:if>
  </xsl:template>

  <xsl:template match=\"file/@*\">
    <xsl:value-of select=\"concat(\'&quot;\',name(),\'&quot;:\')\" />
    <xsl:choose>
      <xsl:when test=\"string(number(.)) = \'NaN\'\">
        <xsl:value-of select=\"concat(\'&quot;\',.,\'&quot;\')\" />
      </xsl:when>
      <xsl:otherwise>
        <xsl:value-of select=\".\" />
      </xsl:otherwise>
    </xsl:choose>
    <xsl:if test=\"position() &lt; last()\">,</xsl:if>
  </xsl:template>
</xsl:stylesheet>