用于与js进行双向数据绑定的最有用的技术

Question

随着jQuery和喜欢的大量Web服务和客户端模板功能,创建使用大量Web服务并将数据发布回这些服务的mashup或站点变得非常流行.对于具有这种体系结构的适当大小的页面,请说一个仪表板.维护此客户端状态的有用技巧是什么？换句话说,什么是进行双向数据绑定的一些方法？示例场景:

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

Answer 1

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

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

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

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

列出的前两个功能是：

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

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

更新：

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

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

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

http://gurustop.net