javascript:在 xml 中搜索节点并从该节点获取数组

Question

我对 javascript 和 webcoding 很陌生。我有一个简单的任务......人们可以在这方面找到很多线程......但尽管如此，我无法让它运行......我想我只是没有看到树木的木材。对我来说太多新东西......

我发出了一个 Https 请求来读取一个 xml 文件，如下例所示。它正在为某些表定义各种列布局。我想找到给定名称的布局，例如 test2，并循环其列以创建表... 即:

选择名称 = test2 的布局； createTable(id, 标签, 宽度);

xml:

<?xml version="1.0" encoding="UTF-8" ?>
<root>
    <layout>
        <name>test</name>
        <columns>
            <column>
                <id>col_order1</id>
                <label>ORDER</label>
                <width>100px</width>
            </column>
            <column>
                <id>col_model</id>
                <label>MODEL</label>
                <width>100px</width>
            </column>
        </columns>
    </layout>
    <layout>
        <name>test2</name>
        <columns>
            <column>
                <id>col_order2</id>
                <label>ORDER</label>
                <width>100px</width>
            </column>
            <column>
                <id>col_model</id>
                <label>MODEL</label>
                <width>100px</width>
            </column>
        </columns>
    </layout>   
</root>

有人可以给我指路吗？ 顺便说一句:如果有人有更好的 xml 结构的想法:请告诉我

Answer 1

jQuery.map()可能就是您正在寻找的。这将为您提供一个反射(reflect) XML 的 JSON 对象:

var layouts = $("layout", xml).map(function() {
                    return {
                        name : $("name", this).text(),
                        columns : $("columns", this).children().map(function(){
                          return {
                            id : $("id", this).text(),
                            label : $("label", this).text(),
                            width : $("width", this).text()
                          }
                        }).get()
                      }
                }).get();

这为您提供了所有布局的数组，允许您对其进行处理或查找特定属性。