Asp.net核心MVC jquery Autcomplete返回空白数据行

Question

我已经为这个问题挣扎了一段时间。我已经开始使用ASP.NET Core，并且正在构建一个ASP.NET Core MVC项目。JQuery自动完成小部件从查询中返回空白数据时，我遇到了一个问题。

这是我的代码：

html视图：

@section Scripts{
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="~/lib/Scripts/jquery-3.4.1.js"></script>
<script src="~/lib/Scripts/jquery-ui.min.js"></script>
<script>
$("#searchInput").autocomplete({
source: function (request, response) {
$.ajax({
url: '@Url.Action("GetSearchValue", "Requests")',
dataType: "json",
data: { search: $("#searchInput").val() },
success: function (data) {
response($.map(data, function (item) {
return { label: item.NameString};
}));
},
error: function (xhr, status, error) {
alert("Error");
}
});
}
});
</script>
}

控制器：

[HttpGet]
public async Task<IActionResult> GetSearchValue(string search)
{
var allsearch = _context.Requests.Where(x => x.NameString.ToLower().Contains(search)).Select(x => new Requests
{
NameString = x.NameString,
}).ToList();
return Ok(allsearch);
}

JQuery似乎返回了正确数量的建议，但它们都是空白的。所以JQuery中的NameString肯定没有被正确传递，但我不知道该怎么做

Answer 1

请使用以下代码

response($.map(data, function (item) {
return item.nameString;
}));

而不是

response($.map(data, function (item) {
return { label: item.NameString};
}));

它会起作用的。