title: Server side data bindings in javascript client
body: <p>What is the best way to consume complex json objects in this day and age via XHR?</p>
  
  <p>When doing data binding, in javascript, so far I have used Sencha's Ext.Js/ Sencha touch model </p>
  
  <p>Eg:</p>
  
  <pre><code>    Store = Ext.create('Ext.data.Store',{
      Constructor: function (config) {
          var config = Ext.apply({}, config, {
              model: 'BasicModel',
              proxy: {
                  type: 'ajax',
                  url: 'myServerUrl.json',
                  reader: {
                      type: 'json'
                  }
              }
          });
      }   
  });    
  </code></pre>
  
  <p>Which allows me to consume server data quite easily, and also has convenience methods for all sorts of cool magic around the store ( REST/sorting etc invisibly).</p>
  
  <p>Currently, I am experimenting with using less ExtJs, in some projects I doing, because in some respects its a bit heavy, and as such am looking for something that has similar/better functionality to Ext's data store,  is NOT ExtJS (Eg not Ext-Core)</p>
  
  <p>What is the best XHR utility kit out there at the moment?</p>