Я заранее извиняюсь, если будет предоставлено недостаточно информации, я просто новичок, но я постараюсь объяснить это как можно лучше. Короче говоря, данные из ajax не отправляются обратно на запрос «Автозаполнение» в контроллере. У меня есть поле формы ввода, которое напрямую связано с функцией автозаполнения, указан URL и все компоненты, которые я могу придумать. Я думаю, что проблема в «части данных» кода, но я не совсем уверен. Когда я жестко закодирую входящее строковое значение в букву, которую содержит одно из имен в моей базе данных, тогда это работает нормально (исключая возможность неправильной работы контроллера). Код ниже.
Домашний контроллер
[HttpGet]
public IActionResult TestView()
{
return View();
}
[HttpPost]
public JsonResult AutoComplete(string prefix)
{
var customers = (from customer in _context.Customers where customer.Name.StartsWith(prefix) select new {
label = customer.Name, val = customer.CustomerId})
.ToList();
return Json(customers);
}
[HttpPost]
public IActionResult TestView(string CustomerName, string CustomerId)
{
ViewBag.Message = "CustomerName: " + CustomerName + " CustomerId: " + CustomerId;
return View();
}
TestView.cs html
<body>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.0.min.js" type="text/javascript"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.9.2/jquery-ui.min.js" type="text/javascript"></script>
<link href="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.9.2/themes/blitzer/jquery-ui.css" />
<script>
$(function() {
$("#txtCustomer").autocomplete({
source: function(request, response) {
$.ajax({
url: '/Home/AutoComplete/',
data: "{ 'prefix': '" + request.term + "'}", @* also tryed == > data: { prefix: request.term }*@
dataType: "json",
type: "POST",
contentType: "application/json; charset=utf-8",
success: function(data) {
response($.map(data, function(item) {
return item;
}))
},
error: function(response) {
alert(response.responseText);
},
failure: function(response) {
alert(response.responseText);
}
});
},
select: function(e, i) {
$("#hfCustomer").val(i.item.val);
},
minLength: 1
});
});
</script>
@using (Html.BeginForm("TestView", "Home", FormMethod.Post))
{
<input type="text" id="txtCustomer" name="CustomerName"/>
<input type="hidden" id="hfCustomer" name="CustomerId" />
<br />
<br />
<input type="submit" id="btnSubmit" value="Submit" />
<br />
<br />
@ViewBag.Message
}
</body>
Надеюсь, мне удалось достаточно объяснить и извините, если моя терминология не самая лучшая. Спасибо!