Как реализовать текстовое поле автозаполнения в MVC ⇐ C#

[Anonymous]

Я столкнулся с проблемой автозаполнения текстового поля с жестко закодированными данными, мой метод json «Поиск» не срабатывает. Я искал много кода, чтобы реализовать его в своем проекте, но пока не добился успеха. я не знаю, где проблема. пожалуйста, помогите мне, заранее спасибо


Модель:


public class Locations
{

public int Id { get; set; }
public string Name { get; set; }

}



Контроллер:


public JsonResult Search(string query)
{
List locations = new List()
{
new Locations() {Id = 1, Name = "London"},
new Locations() {Id = 2, Name = "Walles"},
new Locations() {Id = 3, Name = "Birmingham"},
new Locations() {Id = 4, Name = "Edinburgh"},
new Locations() {Id = 5, Name = "Glasgow"},
new Locations() {Id = 6, Name = "Liverpool"},
new Locations() {Id = 7, Name = "Bristol"},
new Locations() {Id = 8, Name = "Manchester"},
new Locations() {Id = 9, Name = "NewCastle"},
new Locations() {Id = 10, Name = "Leeds"},
new Locations() {Id = 11, Name = "Sheffield"},
new Locations() {Id = 12, Name = "Nottingham"},
new Locations() {Id = 13, Name = "Cardif"},
new Locations() {Id = 14, Name = "Cambridge"},
new Locations() {Id = 15, Name = "Bradford"},
new Locations() {Id = 16, Name = "Kingston Upon Hall"},
new Locations() {Id = 17, Name = "Norwich"},
new Locations() {Id = 18, Name = "Conventory"}

};
List Loc;
Loc = locations.Where(x => x.Name.StartsWith(query.ToLower())).Select(x => x.Name).ToList();
return Json(Loc, JsonRequestBehavior.AllowGet);
}



Просмотр:


@model IEnumerable
@using SearchBox.Models
@{
ViewBag.Title = "Index";
}






$("#tags").autocomplete({
source: '@Url.Action("Search")'
});





Подробнее здесь: https://stackoverflow.com/questions/435 ... box-in-mvc