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

Question

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

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

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

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);
    }