为什么在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