ASP.NET MVC 数据绑定如何在不重新加载网页的情况下工作？

Question

我刚刚开始使用 ASP.NET MVC 4.0 来构建 Web 应用程序。我已经阅读了解释和演示视图/控制器/模型的教程，但现在我想更进一步。

我不想让我的所有页面在用户与我的应用程序交互时不断重新加载，我想学习如何对服务器端进行异步调用以加载数据。

我想学习如何实现的一个很好的例子是：

http://demo.aspnetawesome.com/AjaxDropdownDemo/Index

下拉菜单相互绑定，页面从不刷新。有人对我可以去哪里学习如何开始学习有一些建议吗？另外，由于我使用的是 MVC，如何使用模型绑定来帮助使其更简单？

Answer 1

要对您的操作进行和异步调用，您可以按如下方式进行 ajax 调用

jQuery 代码：

var AsyncCall = function () {
$.ajax({
    type: "POST",
    url: "Home/Index",
    data: JSON.stringify(yourData),
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (result) {
       // Success implementation
    },
    error: function () {            
    }
});

};

在控制器中：

    [HttpPost]
    public ActionResult Index(DataType model)
    {
        // Implementation
        return View(model);
    }