ASP.NET Razor 获取列表而不刷新 - C#

ASP.NET Razor 是一种基于视图模板的 Web 开发技术，可以通过该技术快速构建动态 Web 网站。本文将介绍如何使用 ASP.NET Razor 获取列表而不刷新页面。

步骤1：定义列表

在 Razor 视图中定义一个列表，例如：

<ul id="myList">
    @foreach (var item in Model.Items)
    {
        <li>@item.Name</li>
    }
</ul>

步骤2：定义数据源

定义数据源的代码，例如：

public ActionResult Index()
{
    var items = from item in db.Items
                select new ItemViewModel
                {
                    Id = item.Id,
                    Name = item.Name
                };

    return View(new IndexViewModel { Items = items });
}

步骤3：添加 AJAX 支持

使用 jQuery AJAX 技术来实现在不刷新页面的情况下获取数据。代码示例如下：

function refreshList() {
    $.ajax({
        url: '@Url.Action("GetList", "Home")',
        type: 'GET',
        success: function(response) {
            $('#myList').html(response);
        }
    });
}

步骤4：调用 AJAX 函数

使用以下代码来调用 AJAX 函数：

<button onclick="refreshList()">Refresh List</button>

结语

使用 ASP.NET Razor 技术来获取列表而不刷新非常简单。只需要定义列表、定义数据源、添加 AJAX 支持和调用 AJAX 函数即可。希望本文对你有所帮助！