从ASP.NET MVC中的AngularJS控制器加载数据,而不加载整个页面

Load data from AngularJS controller in ASP.NET MVC without loading entire page

本文关键字:加载 数据 MVC NET 中的 AngularJS 控制器 ASP      更新时间:2023-09-26

这是我的操作:

    [HttpPost, ValidateAntiForgeryToken]
    public ActionResult GetData()
    {
            //get data from DB and populate model with data
            return View("Data", model);
    }

观点是:

    @model UI.Models.DataModel
    @{
var grid = new WebGrid(Model.listTest, 
    null, 
    defaultSort: "Id", 
    rowsPerPage: 25, 
    canPage: true, 
    canSort: true
    );
    }
    @if (Model.listTest != null)
    {
     @grid.GetHtml()
    }

在这种特殊情况下,在使用angularjs(而不是Ajax)调用操作后,如何在不加载整个页面的情况下填充gridview?

我还没有写过一行使其异步的代码,因为我对angularjs一无所知。这将是我学习它的第一步

更新:

  • 我知道如何在Ajax中做到这一点,我想学习AngularJS。只在Ajax中做这样的事情更好吗?或者AngularJS比Ajax更好

如果您希望对控制器进行异步API调用,我强烈建议您查看ASP.NET网站,该网站专门包含有关此主题的信息。

在我链接到一篇文章之前,最简单的答案是,您需要将控制器操作拆分为一个用于视图,另一个用于异步返回数据的操作。

这里有一篇文章的链接,可以回答你的问题:

http://www.asp.net/mvc/overview/performance/using-asynchronous-methods-in-aspnet-mvc-4