【问题标题】:How to extract only the needed data from the xml format as below using Javascript如何使用 Javascript 仅从 xml 格式中提取所需的数据,如下所示
【发布时间】:2020-05-02 23:15:28
【问题描述】:
<TabularResult>
    <TableMetaData>
        <ColumnName Type="dateTime">Time Description</ColumnName>
        <ColumnName Type="float">Test Data1</ColumnName>
        <ColumnName Type="float">Test Data2</ColumnName>
        <ColumnName Type="float">Test Data3</ColumnName>
    </TableMetaData>
    <Row>
        <value>14-01-2020 10:00</value>
        <value>25</value>
        <value>35</value>
        <value>45</value>
    </Row>
</TabularResult>

在使用元数据解析 xml 响应时感到困惑,然后使用 Extjs 创建图表,其中 x 轴只有时间描述,y 轴有测试数据 2、测试数据 3。

需要单独使用 Javascript 解析所需数据,有人可以在这里指导吗?

【问题讨论】:

    标签: javascript xml xml-parsing


    【解决方案1】:

    在这个例子中,你可以把你的 XML 代码传递给 javascript,然后在需要的位置解析它。

    希望对您有所帮助。

    <!DOCTYPE html>
    <html>
    <body>
    
    <p id="demo"></p>
    
    <script>
    var parser, xmlDoc;
    var text = "<TabularResult>"+
        "<TableMetaData>"+
            "<ColumnName Type='dateTime'>Time Description</ColumnName>"+
            "<ColumnName Type='float'>Test Data1</ColumnName>"+
            "<ColumnName Type='float'>Test Data2</ColumnName>"+
            "<ColumnName Type='float'>Test Data3</ColumnName>"+
       " </TableMetaData>"+
        "<Row>"+
            "<value>14-01-2020 10:00</value>"+
           " <value>25</value>"+
            "<value>35</value>"+
           " <value>45</value>"+
       " </Row>"+
    "</TabularResult>";
    
    parser = new DOMParser();
    xmlDoc = parser.parseFromString(text,"text/xml");
    
    document.getElementById("demo").innerHTML =
    xmlDoc.getElementsByTagName("ColumnName")[0].childNodes[0].nodeValue;
    </script>
    
    </body>
    </html>

    【讨论】:

    • 感谢您的回答!像这样的所有代码的答案通常都在这里避免,如果您可以添加一些额外的细节来说明如何解决问题和/或为什么它会起作用,这将是有帮助的
    • @schu34 你是最受欢迎的,我试着举一些例子,我如何将 xml 代码传递给 javascript 并在最喜欢的位置解析它,我总是尽力做到最好,我有点新来的。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-12-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多