从 Ext.data.Store 访问 http 状态代码

Question

我有一个 http API（令人震惊的新技术），它对设置不同响应状态的不同错误做出反应。

问题是 - 在将 Ext.data.Store 与某些 XMLHttpRequest 内部代理一起使用时，处理此状态的最佳方法是什么？据我所知，“加载”事件不会直接传递状态，还有“异常”，最后一个事件实际上在收到 4** 状态时甚至不会触发。

因此，正如我从代码中看到的那样，xhr 实例在 Ext.data.store 中是隐藏的，因此问题也可以表述为“处理低级 xhr 对象的最佳 extjs 实践是什么”。

Answer 1

Ext.data.Store 上没有异常事件。相反，它是 Ext.data.proxy.Server 及其子类（如 Ext.data.proxy.Ajax）定义 异常事件。侦听器接收包含 http 状态的响应对象。

根据您的设置，您可以在商店的代理上注册侦听器，或者 - 如果您的商店使用模型 - 在模型的代理上注册侦听器。

此测试设置在 Chrome 14 和 FF 6 上适用于我：

var store = Ext.create('Ext.data.Store', {
    fields: [ 'field1', 'field2'],

    proxy: {
        type: 'ajax',
        url: 'api/data.json',
        reader: {
            type: 'json',
            root: 'data'
        },
        listeners: {
            exception: function(proxy, exception, operation) {
                console.log(response.status);
            }

        }
    },
});
store.load(); 

Answer 2

异常事件确实提供了一个 response 对象，该对象具有一个 status 属性，其中包含您想要查看的 HTML 状态代码。

如果您的异常确实不是由 4** 错误引发的（根据我的经验，这确实会引发），您可以尝试注册一个 ajax 侦听器

Ext.Ajax.on('requestexception', exceptionHandlerMethod);

：

function exceptionHandlerMethod(connection, response, requestOptions, listenerOptions) {
    if(response.status == 401) {
        alert('401 error');
    }
}

Answer 3

使用 extjs 5.1

商店/代理可以访问每个响应 http 代码 &通过侦听“beginprocessresponse”或“endprocessresponse”事件来处理标头。

proxy: {
    // snip

    listeners: {
        beginprocessresponse: 'onResponse'
    }

    onResponse: function(store, response, operation) {
         console.log('prior to reader');
         console.log(response.getAllResponseHeaders());
    }
}

我很好奇 EventDomain 如何在 Ext.Ajax、Proxy、Reader 和 Store 之间发挥作用。