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

Question

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

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

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

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

Drop Downs彼此绑定，页面永远不会刷新。有没有人建议我可以去哪里学习如何开始学习这个？另外，由于我使用的是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);
    }