2

我已经使用 Ext.Ajax.request() 实现了 Comet 解决方案,以便在发生超时或收到成功响应时重新初始化相同的请求。

    var http = {

    requestId: 0,
    request: function(timeout){

        Ext.Ajax.request({
            url: '/echo/json/',
            timeout: timeout || 10000,
            method: 'POST',
            scope: http,    // scoped to the http object
            params: {
                json: Ext.encode({ 
                    data: [
                        {
                            id: 1,
                            type: 'notification',
                            timestamp: Ext.Date.format(new Date(), 'timestamp'),
                            from: 1445261,
                            to: 1402804,
                            read: false,
                            important: true,
                            content: 'Lorem ipsum...'
                        } 
                    ]
                }),
                delay: 5
            },
            success: function(resp) {
                if (resp.status === 200){
                    console.log('success');                
                    this.request();   
                }
            },
            failure: function(resp, opts) {
                if (resp.timedout === true) {
                    console.log('failure');  
this.request();                       
                } else {                   
                }
            },
            callback: function(options, success, resp) {
                if (this.requestId === 0) {
                    this.requestId = resp.requestId;
                } 
            }
        }); 

    }

};

http.request();​

我想在 Ext JS MVC 中实现这一点,并利用本机代理从服务器获取数据并通过模型将其加载到 Store 中。

查看文档,我看不到如何做到这一点,因为您似乎无法访问 Ext.Ajax.request 方法中的成功和失败回调。

有谁知道如何使用 Ext MVC 架构实现长轮询?

上面的示例代码使用了 JSFiddle ajax JSON 响应回显:

http://jsfiddle.net/Dd8q4/

4

1 回答 1

1

在我看来,有 3 条路可以走:

  1. 一种更有趣、更干净、或许更具挑战性的方法是扩展代理类以保持连接处于活动状态。有一个使用 Flicker API 的代理扩展示例(sencha 博客条目)。这可能会帮助您入门。

  2. 手动解析响应并从响应数据创建模型对象并将它们手动插入到您的存储中。

  3. 使用存储回调方法永久加载存储,就像处理 Ajax 请求一样。向下滚动到商店 API的动态加载部分,以获取使用回调函数加载商店的示例。还有一个load事件监听器在读取数据后启动。

于 2012-12-05T02:51:25.033 回答