时间戳

首页 > 解决方案 > 如何使用 Javascript 仅从 xml 格式中提取所需的数据，如下所示

javascript - 如何使用 Javascript 仅从 xml 格式中提取所需的数据，如下所示

问题描述

<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 响应，然后在 nead 中使用 Extjs 创建图表，x 轴只有时间描述，y 轴有测试数据 2、测试数据 3。

需要单独使用 Javascript 解析所需的数据，任何人都可以在这里指导吗？

标签： javascriptxmlxml-parsing

解决方案

在此示例中，您可以放置​​您的 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>

推荐阅读