ASP.NET核心自动完成输入文本以及来自ApplicationContext的数据

Question

我尝试了太多不同的教程，但由于某些原因没有任何效果。

_ context.City是我的模特

CityName是我要自动补全的名称

我什至尝试了它，但不起作用

<input type="text" id="tags" />
<script>
            $(function () {
                var availableTags = [
                    "ActionScript",
                    "AppleScript",
                    "Asp",
                    "BASIC",
                    "C",
                    "C++",
                    "Clojure",
                    "COBOL",
                    "ColdFusion",
                    "Erlang",
                    "Fortran",
                    "Groovy",
                    "Haskell",
                    "Java",
                    "JavaScript",
                    "Lisp",
                    "Perl",
                    "PHP",
                    "Python",
                    "Ruby",
                    "Scala",
                    "Scheme"
                ];
                $("#tags").autocomplete({
                    source: availableTags
                });
            });
        </script>

Answer 1

这里是有关如何使用自动完成功能的简单演示：

1.Model：

public class City
{
   public int CityId { get; set; }
   public string CityName { get; set; }
}

2。查看：
<input type="text" id="tags" />
@section Scripts{
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script>
        $(function () {            
            $("#tags").autocomplete({
                source: '/Home/Test'                  
            });
        });
    </script>
}

3.Controller：
public class HomeController : Controller
{
    private readonly PublishMvcProjContext _context;

    public HomeController(PublishMvcProjContext context)
    {
        _context = context;
    }    
    [HttpGet]
    public IActionResult Privacy()
    {
        return View();
    }
    [HttpGet]
    public IActionResult Test()
    {
        var name = HttpContext.Request.Query["term"].ToString();
        var cityname = _context.Cities.Where(c=>c.CityName.Contains(name)).Select(c => c.CityName).ToList();
        return Ok(cityname);
    }
}

4.DbContext：
public class PublishMvcProjContext : DbContext
{
    public PublishMvcProjContext (DbContextOptions<PublishMvcProjContext> options)
        : base(options)
    {
    }
    public DbSet<City> Cities { get; set; }
}

5。结果：