没有 Knockout 或 Angular 的 JQuery 两种方式绑定答案

【问题标题】：JQuery two way binding without Knockout or Angular没有 Knockout 或 Angular 的 JQuery 两种方式绑定
【发布时间】：2016-08-11 19:11:37
【问题描述】：

我正在尝试在 ASP.NET MVC 和 Web API 应用程序中使用 Javascript 和 JQuery 进行双向绑定，而不使用 AngularJS 或 Knockout 等任何库。我仅将 MVC 视图用于显示目的，在 MVC 视图（例如 Index）中，将数据与 Web API 控制器绑定，例如 Get 并使用 Javascript 和查询。例如，如果我有以下模型：

public class User(){
    public int Id {get; set;}
    public string Name {get; set;}
}

我项目中的模型是使用实体框架生成的。所以这个模型可以对应一个包含以下数据的数据库表：

Id    | Name   |
1     | a      |
2     | b      |

用于显示用户的 MVC 控制器只会返回一个视图：

public ActionResult Index(){
    return View();
}

我的 Web API 控制器可能如下所示：

public IEnumerable<User> GetUsers(){
    var users = from row in Users select row;
    ...
    return users;
}

问题如何使用 Javascript 和 JQuery 在 MVC 控制器的 Index 视图中显示用户，方法是使用 双向绑定 从 Web Api 控制器获取数据而不使用淘汰赛、AngularJS 等？您能否提供一个工作示例？

谢谢！

【问题讨论】：

你需要使用 Ajax
好的，我可以使用 Ajax，但你能给我举个例子吗？

标签： javascript jquery asp.net-mvc asp.net-web-api

【解决方案1】：

我认为您在使用错误的工具来完成任务。 JQuery 是 dom 操作的工具，不提供双向绑定。

虽然您可以通过例如显示和读取数据.text() 或 .val() (http://api.jquery.com/val/) 您必须手动处理更改。

如果您真的想使用此功能，您可能需要考虑使用原生双向绑定的库。

【讨论】：