Bem, estou tentando implementar o autocomplete do jQuery UI em meu código, mas de forma parcial ele não funciona, pois ele não exibe as opções abaixo do componente de input. Ele realiza de for correta a requisição, mas na hora de mostrar as opções na tela vem em branco. Tenho quase certeza que é a forma que estou mandando meu JSON para o atributo source do plugin.
Abaixo seguem os códigos:
O Input
<div class="ui-widget">
<input id="first-name" placeholder="Primeiro Nome" name="firstName" type="text" class="form-control"/>
</div>
Codigo JS
$(document).ready(function () {
$(function () {
$("#first-name").autocomplete({
source: function (request, response) {
$.ajax({
url: "${pageContext.request.contextPath}/auth/getCustomerAJAX",
type: "GET",
data: {
paramName: request.term
},
dataType: "json",
success: function (data) {
var obj = JSON.parse(data);
alert(obj);
response(obj.firstName);
}
});
}
});
});
});
O callback (Desconsiderar os NULL)
[
{
"idCustomer":1,
"tenantId":null,
"birthDate":null,
"email":"[email protected]",
"firstName":"j",
"gender":"\u0000",
"lastName":"Galao Bonin",
"document":null,
"customerPhone":null,
"passenger":null,
"customerAddress":null,
"observations":null,
"customerService":null
}
]