1

我有一个获取 jsonp 数据的类。我想简单地返回一个值，但我无法这样做。回调不更新类属性 - 不确定是时间问题还是范围问题

Ext.define("App.ContentManager", {
    extend: "Ext.util.Observable",
    singleton: true,

    data: 'empty',
    getData: function() {
        this.doLoad();
        console.log(a.data) //not correct - shows original value
        return this.data;

    },
    doLoad: function(url) {
        var a = this;
        Ext.util.JSONP.request({
            url: "http://example.com/somejson",
            callbackKey: "callback",
            callback: function(c) {
                a.data = c;
                console.log(a.data) //correct json data is here
            }
        })
    },
});
4

2 回答 2

2

当然是时间问题。在函数doLoad()中，getDate您只需启动请求，无需等待它完成，以便在下一行中准备好数据。您只有在callback: function方法中准备好数据doLoad。因此，无论您需要做什么，最好在一个函数中发送请求，然后在callback:function一个函数中使用返回的数据。

更新

另外我刚刚注意到也是一个范围问题。您在 JSONP 请求中通过添加一个

          url: "http://example.com/somejson",
        scope: this,    //this line
  callbackKey: "callback",

然后在 getDate 你应该：this.data因为a是doLoad方法中的局部变量。

于 2011-11-11T00:05:39.817 回答
1

如现有注释中所述，由于该doLoad方法异步检索数据，因此无法直接从方法调用返回结果。您的两个选择是：

  • 使用回调参数定义您的方法（这通常在 Ext 本身中完成），以便在 JSONP 回调中执行传递的回调函数，传递返回的数据。
  • 定义您的类可以从 JSONP 回调触发的自定义事件，将数据作为事件参数传递。这将更适合多个组件可能对 JSONP 调用的结果感兴趣的情况。

或者你甚至可以两者都做（未经测试）：

doLoad: function(options) {
    var me = this;

    Ext.util.JSONP.request({
        url: options.url,
        scope: me,
        callbackKey: "callback",

        callback: function(data) {
            me.fireEvent('dataloaded', me, data);
            if (options.callback) {
                options.callback.apply(options.scope || me, [data]);
            }
        }
    })
}
于 2011-11-11T17:02:42.600 回答