ASP.NET MVC 5 - 部分视图不适用于我的 AJAX 实时搜索

Question

我有以下问题

在我的 ASP.NET MVC 5 应用程序中，我想列出所有用户并有一个实时搜索栏，该栏会在您键入时更新。我做到了，它可以工作，但它不返回部分视图，而是返回一个全新的页面。

这是列出所有用户的页面： 这就是我搜索时得到的

这是我的控制器（AdminController.cs）

   public class AdminController : Controller
{
    protected readonly ApplicationDbContext db = new ApplicationDbContext();

    public ActionResult Index()
    {
        return View();
    }

    public ActionResult Users()
    {
        var users = db.Users.ToList();

        return View(users);
    }

    public ActionResult Search(string query)
    {
        var result = db.Users.Where(u => u.UserName.ToLower().Contains(query.ToLower())).ToList();

        return PartialView("_UsersResult", result);
    }
}}

我的视图(Users.cshtml)

@model List<Forum.Models.ApplicationUser>



@using (Ajax.BeginForm("Search", null,
    new AjaxOptions
    {
        HttpMethod = "GET",
        UpdateTargetId = "results",
        InsertionMode = InsertionMode.Replace
    }, new {id = "searchForm"}))
{
    <input name="query" placeholder="Search" oninput="$('#searchForm').submit()"/>
    <input type="submit" value="Search"/>
}


<div id="results">
@Html.Partial("_UsersResult", Model)
</div>

还有我的部分视图(_UsersResult.cshtml)

@model List<Forum.Models.ApplicationUser>

@foreach (var user in Model)
{
    <h3>@user.UserName</h3>
}

Answer 1

如果你想通过向服务器发出请求来呈现局部视图，那么使用 ActionResult 不是正确的方法。您必须从控制器返回 PartialViewResult。

public PartialViewResult Search(string query)
    {
        var result = db.Users.Where(u => u.UserName.ToLower().Contains(query.ToLower())).ToList();

        return PartialView("_UsersResult", result);
    }

希望能解决问题。