没有Knockout或Angular的JQuery双向绑定

时间:2016-08-11 10:54:57

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

我试图在ASP.NET MVC和Web API应用程序中使用Javascript和JQuery进行双向绑定,而不使用任何像AngularJS或Knockout这样的库。 我只是将MVC视图用于显示目的,并且在MVC视图中,例如Index,将数据与Web API控制器绑定,比如说获取并使用它来显示结果Javascript和JQuery。例如,如果我有以下模型:

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

我的项目中的模型是使用Entity Framework生成的。因此,该模型可以对应于具有以下数据的数据库表:

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控制器的索引视图中显示用户,方法是使用双向绑定从Web Api控制器获取数据,而不使用淘汰赛,AngularJS等?你能提供一个有效的例子吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

我认为你想要使用错误的工具完成任务。 JQuery是一个用于dom操作的工具,不提供双向绑定。

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

如果您真的想使用此功能,您可能需要考虑具有本机双向绑定的库。