Jquery ASP.NETMVC5在表中显示搜索记录,无需任何按钮。用户在搜索框中开始键入时,请立即单击

Jquery ASP.NETMVC5在表中显示搜索记录,无需任何按钮。用户在搜索框中开始键入时,请立即单击,jquery,asp.net-mvc,autocomplete,Jquery,Asp.net Mvc,Autocomplete,我目前的执行情况: public ActionResult Index(string Sorting_Order, string Search_Data) { var modal = _repo.GetAllResturents(); Search_Data = Search_Data.Trim(); if (Search_Data != null) modal = from r in modal where r.Name.ToUpper().Contains(Se

我目前的执行情况:

public ActionResult Index(string Sorting_Order, string Search_Data)
{
   var modal = _repo.GetAllResturents();
   Search_Data = Search_Data.Trim();
   if (Search_Data != null)
      modal = from r in modal where r.Name.ToUpper().Contains(Search_Data.ToUpper()) select r;
      ViewBag.SortingName = String.IsNullOrEmpty(Sorting_Order) ? "Name_Description" : "";
      ViewBag.SortingCity = String.IsNullOrEmpty(Sorting_Order) ? "City_Description" : "";

      switch (Sorting_Order)
      {
         case "Name_Description":
            modal = modal.OrderByDescending(nam => nam.Name);
            break;
         case "City_Description":
            modal = modal.OrderByDescending(cit => cit.City);
            break;
         default:
            modal = modal.OrderBy(name => name.Name);
            break;
      }
      return View(modal);
 }
Index.cshtml:


搜索名称:

为此,您可以使用。这里是完整的GitHub使用存储库


一旦用户开始在搜索框中键入内容,这将为您提供更多的搜索记录,而无需单击任何按钮。最简单的方法是在Ajax按下按钮后提交每种类型。您可以使用jquery实现这一点

$("#search_id").keyup(function () {
    //call ajax method
});

这将在用户每次键入新键时提交您的数据

为此,您肯定需要Ajax调用。应该可以开始了。请阅读asp.net mvc中的jquery ajax