如何使用ajax获取xml数据

Question

我正在尝试通过使用 ajax 调用来获取我的 xml 数据。但是我在result.responseXML 中只获得了根节点值数据。无法访问 ITEM 标记数据。

我的 XML。

<ROOT UN="ABC" Total="28">
    <ITEM Val = "1" data = "name1" />
    <ITEM Val = "2" data = "name2" />
    <ITEM Val = "3" data = "name3" />
    <ITEM Val = "4" data = "name4" />
    <ITEM Val = "5" data = "name5" />
</ROOT>

这是我正在尝试的。

Ext.Ajax.request({
        url : url,
        method: 'GET',
        success: function ( result, request )
            { 
               debugger;
                result.responseXML
            }
    });

在 responseXML 中，我收到了<ROOT UN="ABC" Total="28" ></ROOT>

谁能帮助我我做错了什么以及如何纠正它。如何获取项目标签。

Answer 1

在 Ext js 中，读取 xml 数据的最佳方式是使用 store。

1. 创建商店并定义字段（映射属性 (@Val) 用于指示这是一个属性而不是子元素）；
2. 使用 ajax 代理加载数据；
3. 使用 xml 阅读器读取数据。在 Ext js 6 中，你定义了根元素的名字和你想要获取的元素的名字；
4. 加载存储并在控制台中显示第一个元素的值。

---

var itemStore = Ext.create('Ext.data.Store', {
    fields: [{name: 'val', mapping: '@Val'}, 
        {name: 'data', mapping: '@data'}],
    proxy: {
        type: 'ajax',
        url: 'data1.xml',
        method: 'GET',
        reader: {
            type: 'xml',
            record: 'ITEM',
            rootProperty: 'ROOT'
        }
    }
});

itemStore.load(function(records, operation, success) {
    var item1 = itemStore.first();
    console.log("First item " + item1.get('val'));
});

---

在这里检查小提琴：https://fiddle.sencha.com/#view/editor&fiddle/1vd6