Как читается json-файл? ExtJS

Question

Говорят, что у меня есть поля здесь для пользователя в формате «JSon»:

{ 
    "users": [ 
     { 
      "id": 1, 
      "name": "Ed Spencer", 
      "email": "ed@sencha.com" 
     }, 
     { 
      "id": 2, 
      "name": "Abe Elias", 
      "email": "abe@sencha.com" 
     } 
    ] 
} 

Я полагаю, что корень здесь «пользователи». Могу ли я сохранить этот текст как файл users.json?

И оттуда, как я читал из этого файла (в данном случае, с ext.js)

Ext.define('AM.model.User', { 
    extend: 'Ext.data.Model', 
    fields: ['name', 'email'] 
}); 

var store = Ext.create('Ext.data.Store', { 
    model: 'User', 
    proxy: { 
     type: 'ajax', 
     url : 'users.json', 
     reader: { 
      type: 'json', 
      root: 'users' 
     } 
    } 
}); 

Что такое URL? Это абсолютный путь? Будет ли это работать? Помогите!

Answer 1

На странице HTML файл JavaScript поддерживается по отношению к URL-адресу страницы HTML или по абсолютному пути.

Сохраните этот текст в виде файла users.json?

Вы можете, конечно.

Каков адрес?

URL-адрес users.json является относительно URL страницы HTML, на котором выполняется приложение, так что если страница HTML был http://localhost/myapp/index.html, относительный путь users.json будет такой же, как абсолютный путь http://localhost/myapp/users.json

Это абсолютный путь?

No, users.json - это относительный путь. Вы можете использовать, если хотите, использовать абсолютный путь.

Я бы сделал папку data в вашей папке app и использовал app/data/users.json в качестве URL-адреса.

Вы также должны изучить Chrome Developer Tools, чтобы вы могли видеть сетевые запросы.

Answer 2

{ 
    "users": [ 
     { 
      "id": 1, 
      "name": "Ed Spencer", 
      "email": "ed@sencha.com" 
     }, 
     { 
      "id": 2, 
      "name": "Abe Elias", 
      "email": "abe@sencha.com" 
     } 
    ] 
} 

в поле вашей модели, нет идентификатора, который исходит от JSON, есть только имя и адрес электронного поле ...

Ext.define('AM.model.User', { 
    extend: 'Ext.data.Model', 
    fields: ['name', 'email'] 
}); 

добавить поле идентификатора модель, как это

Ext.define('AM.model.User', { 
    extend: 'Ext.data.Model', 
    fields: ['id', 'name', 'email'] 
});