Bom dia pessoal, estou com problemas para implementar um campo com autocomplete em uma aplicação Asp .Net MVC. O problema é o seguinte, utilizando um Ajax eu consigo ir até o meu controller e buscar resultados da consulta, porem, na volta onde deve exibir o resultado ele sempre cai no campo de "erro", mostrando Json em um "alert" como vou mostrar logo abaixo:
$(document).ready(function () {
$('#Cd_Cod_Produto').keypress(function () {
$('#Cd_Cod_Produto').autocomplete({
source: function (request, response) {
$.ajax({
url: "/Estoque/GetAutoComplete",
type: "POST",
dataType: "application/json",
data: { term: request.term },
success: function (data) {
response($.map(data, function (item) {
return {
label: item.Name,
value: item.Value
}
}))
},
error: function (response) {
alert(response.responseText);
},
failure: function (response) {
alert(response.responseText);
}
});
}
});
});
});
Como podem ver, caso ocorra algum erro, é exibido um alert com o resultado da busca, e sempre cai nesse alert. O meu Controller está dessa forma:
public ActionResult GetAutoComplete(string term)
{
EstoqueDAO dao = new EstoqueDAO();
List<Autocomplete> lista = dao.BuscaResultados(term);
dao.Dispose();
string json = JsonConvert.SerializeObject(lista);
return Json(json, JsonRequestBehavior.AllowGet);
}
e este é o modelo que estou utilizando apenas para teste:
public class Autocomplete
{
public string Name { get; set; }
public string Value { get; set; }
}
A busca no banco de dados está retornando valores corretamente, acredito que não seja o problema.
Como podem ver na imagem é o que acontece com o retorno da função. Alguem tem alguma dica ou sugestão de onde eu estou errando? Desde já agradeço a ajuda.
Atenciosamente,
Atualização:
Mudei o script para está forma:
$(document).ready(function () {
$('#Cd_Cod_Produto').keypress(function () {
$('#Cd_Cod_Produto').autocomplete({
source: function () {
$.get(url, { term: $('#Cd_Cod_Produto').val() }, function (data) {
$.map(data, function (item) {
return {
label: item.Name,
val: item.Value
//console.log(item.Name);
}
});
});
}
});
});
});
Desse jeito ele busca os resultados no controller, mas ainda não exibi nada no autocomplete. Se retirar os comentarios da linha "//console.log(item.Name)" ele exibi os resultados no console normalmente.
string json = JsonConvert.SerializeObject(lista);
e retorna assim:return Json(lista, JsonRequestBehavior.AllowGet);
GET
, semanticamente faz mais sentido. Até o nome do seu método no back-end começa comGet
.