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

希望能解决问题。