js 双向数据绑定最有用的技术

凭借丰富的 Web 服务和 jQuery 等客户端模板功能，创建使用大量 Web 服务的混搭或网站并将数据发布回这些服务变得非常流行。对于具有这种架构的大小合适的页面，例如仪表板。维护客户端状态有哪些有用的技术？换句话说，进行双向数据绑定的方法有哪些？ 示例场景：

1. 从服务获取 JSON/XML 格式的数据
2. 在 UI 上显示/绑定
3. 捕获用户输入
4. 从 UI 控件/html 重新创建请求
5. 将数据发布到服务
6. 获取响应并重新绑定

在 jQuery 中，您可以轻松执行页面加载的 AJAX 请求，该请求调用服务、返回对象，并使用 jQuery 模板插件将该对象绑定到表单。当需要提交表单时，您可以使用 jQuery Form 插件通过 AJAX 发送到服务并返回 JSON 对象，将其绑定到 jQuery Templates 插件容器（表单）。

• jQuery AJAX API
  http://api.jquery.com/jQuery.ajax/ http://api.jquery.com/jQuery.ajax/
• jQuery 模板插件
  http://plugins.jquery.com/project/jquerytemplate http://plugins.jquery.com/project/jquerytemplate
  http://api.jquery.com/category/plugins/templates/ http://api.jquery.com/category/plugins/templates/
• jQuery 表单插件
  http://jquery.malsup.com/form/ http://jquery.malsup.com/form/

另外，您可以结合使用 jQuery“Form”插件来发送表单，以及 KnockOut JavaScript 库，这就是您想要执行的绑定类型。

请参阅淘汰赛 JS 库详细信息http://knockoutjs.com/ http://knockoutjs.com/

列出的前两个功能是：

• 声明性绑定
• 自动刷新用户界面

请参阅此实例以了解非常小的介绍http://knockoutjs.com/examples/helloWorld.html http://knockoutjs.com/examples/helloWorld.html

Update:

由于这个答案最近得到了赞成，所以也很重要的是要提到镇上相对较新的孩子，AngularJS，它是一个更大的框架，可以做很多事情，但是进行双向数据绑定是最简单的事情曾经。

官方网址：http://angularjs.org http://angularjs.org

例子：http://docs.angularjs.org/guide/forms http://docs.angularjs.org/guide/forms

http://gurustop.net http://gurustop.net