title: Get JSON data from WebAPI & Load data into Store
body: <p>I am learning ExtJS-4.2, I was following their MVC tutorial...</p>
  
  <p>I built my controller, view, model, store... My Store had hard-coded data. I have a working WebAPI for testing, which sends result in json format...</p>
  
  <p>What the tutorial is talking about how to read from local file and send to an API, </p>
  
  <p><strong>what i want to read from API and load my data into the store...</strong></p>
  
  <pre><code>Ext.define('AM.store.Productstore',
  {
      extend   : 'Ext.data.Store',
      model    : 'AM.model.Productmodel',
      autoload : true,
      proxy    : {
              type   : 'AJAX',
              url    : 'localhost/mfw/api/products/all'
              //tutorial is no help any furthur from this point on
             }
  });
  </code></pre>
  
  <p>My URL is <code>localhost/mfw/api/products/all</code></p>
  
  <p>and my returning json is</p>
  
  <pre><code>[{"ID":1,"Name":"aa","Category":"A","Price":200.00},
   {"ID":2,"Name":"bb","Category":"B","Price":200.00
   {"ID":3,"Name":"cc","Category":"C","Price":200.00},
   {"ID":4,"Name":"dd","Category":"D","Price":200.00},
   {"ID":5,"Name":"ee","Category":"E","Price":200.00},
   {"ID":6,"Name":"ee","Category":"F","Price":200.00}]
  </code></pre>
  
  <p>any help?</p>