ajax - 为什么我不能从 ExtJs4 中的服务器获取 JSON？

Question

我想从服务器获取 JSON。这里是 django 服务器视图函数：

def showChart(request):
    data = [{"id":1, "name":"Tom", "email":"a@a.com"}, {"id":2, "name":"Bosh", "email":"c@c.com"}]
    return HttpResponse(json.dumps(data), mimetype="application/json");

显然，showChart() 将返回一个 json。

我的前端 extjs4 代码：

Ext.onReady(function() {
Ext.define('ProductionInfo', {
    extend: 'Ext.data.Model',
    fields: ['email', 'id', 'name']
});

var store_new = Ext.create('Ext.data.Store', {
    model: 'ProductionInfo',
    proxy: {
      type: 'ajax',
      url : 'http://localhost:8000/production_data',
      reader: {
          type: 'json'
      }
    }
});

store_new.load();
alert(store_new.getCount());

});

但是警报对话框显示“0”，而正确答案是“2”。那么为什么我不能从服务器获取 JSON 呢？（我可以通过 Chorme 和 Firefox 中的 GET 请求获得正确的 JSON）

Answer 1

您可以查看我的示例：https ://github.com/lucassus/extjs4-account-manager 它是 rails 应用程序，但 json 机制非常相似。

基本上你必须定义一个有效的模型proxy：https://github.com/lucassus/extjs4-account-manager/blob/master/app/assets/javascripts/app/model/User.js
和一个商店将有model属性： https ://github.com/lucassus/extjs4-account-manager/blob/master/app/assets/javascripts/app/store/Users.js