我已经在这个问题上挣扎了一段时间。我已经开始使用MVC核心,并且正在构建一个ASP.NET核心ASP.NET项目。我在JQuery autocomplete小部件从查询返回空白数据时遇到了问题。
下面是我的代码:
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
没有被正确传递,但我想不出该怎么做。
发布于 2020-03-05 09:20:09
请使用以下代码
response($.map(data, function (item) {
return item.nameString;
}));
而不是
response($.map(data, function (item) {
return { label: item.NameString};
}));
看起来不错。
https://stackoverflow.com/questions/60538985
复制相似问题