자바 스크립트 클라이언트의 서버 측 데이터 바인딩

Question

XHR을 통해 요즘과 시대의 복잡한 json 객체를 사용하는 가장 좋은 방법은 무엇입니까?

센차의 Ext.Js/센차 터치 모델

예 : 지금까지 내가 사용하고, 자바 스크립트, 데이터 바인딩을 수행 할 때 : 나 또한 아주 쉽게 서버 데이터를 사용하고 있습니다

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' 
       } 
      } 
     }); 
    } 
});  

을 상점 주변의 모든 종류의 멋진 마술 (REST/sorting 등 눈에 보이지 않는)에 대한 편리한 메소드를 제공합니다.

현재 일부 프로젝트에서는 약간의 무겁고 Ext의 데이터 저장소와 비슷한/더 나은 기능을 가진 뭔가를 찾고 있기 때문에 ExtJS가 적습니다 (예 : 내선이 아님)

현재 가장 유용한 XHR 유틸리티 키트는 무엇입니까?

Answer 1

Knockout.JS 또는 Backbone을 권하고 싶습니다.

HTML :

<p>First name: <input data-bind="value: firstName" /></p> 
<p>Last name: <input data-bind="value: lastName" /></p> 
<h2>Hello, <span data-bind="text: fullName"> </span>!</h2> 

JS : Knockout.js documentation에서

는 spesific있어 내가이 언급 한 바와 같이

// Here's my data model 
var ViewModel = function(first, last) { 
    this.firstName = ko.observable(first); 
    this.lastName = ko.observable(last); 

    this.fullName = ko.computed(function() { 
     // Knockout tracks dependencies automatically. It knows that fullName depends on firstName and lastName, because these get called when evaluating fullName. 
     return this.firstName() + " " + this.lastName(); 
    }, this); 
}; 

ko.applyBindings(new ViewModel("Planet", "Earth")); // This makes Knockout get to work 

, 백본 또한 솔루션 문제. Here은 noobs에 대한 멍청이에 의해 설계된 백본 튜토리얼입니다. Here은 도메인 간 처리에 관한 좀 더 중간적인 튜토리얼입니다.

Answer 2

Angular.js http://angularjs.org/도 고려해야합니다. 여기 내 동료 인 Greg Weber의 블로그 게시물이 있습니다.

http://tunein.yap.tv/javascript/2012/06/11/javascript-frameworks-and-data-binding/

그는 다양한 프레임 워크에 대한 예는 많이있다. 그의 blob 게시물을 여기에 재현하거나 링크를 제공하는 것이 더 나은지 확실하지 않습니다. 지금은 링크를 떠날 것입니다.