Fala ae galera tudo bem! To fazendo uma aplicação que recupera cidades de um webservice em SOAP, minha aplicação já está toda ok, com as consultas, porem estou tentando implantar agora um autocomplete, e venho tendo algumas dificuldades com meu "source" do jquery-ui, os dados retornados estão corretos para o source tratar as informações, porem o autocomplete não associa oque estou pesquisando e exibe a lista toda de resultados. Tentei criar uma função para fazer a consulta ao webservice e armazenar o resultado em uma variavel, para eu usar somente a var dentro do source, mas não deu certo passar uma função externa dentro do source. segue me código pra ver se alguem da um help!
$(".j_destino").autocomplete({
minLength: 2,
source: function (request, response) {
$.ajax({
url: "_cdn/ajax/destino.php",
dataType: "json",
type: 'POST',
data: {action: 'searchCity'},
success: function (resposta) {
response(resposta.dados);
console.log(response);
}
});
},
focus: function (event, ui) {
$(".j_destino").val(ui.item.city);
return false;
},
select: function (event, ui) {
$(".j_destino").val(ui.item.city);
$(".j_CityId").val(ui.item.id);
return false;
}
}).autocomplete("instance")._renderItem = function (ul, item) {
return $("<li>").append("<a>" + item.city + "</a>").appendTo(ul);
};
Esta seria a versão alternativa e mais otimizada para fazer isso porém não estou acertando algo.
function carregaDados() {
$.ajax({
url: "_cdn/ajax/destino.php",
dataType: "json",
type: 'POST',
data: {action: 'searchCity'},
success: function (resposta) {
response(resposta.dados);
}
});
}
$(".j_destino").autocomplete({
minLength: 3,
source: carregaDados(),
focus: function (event, ui) {
$(".j_destino").val(ui.item.city);
return false;
},
select: function (event, ui) {
$(".j_destino").val(ui.item.city);
$(".j_CityId").val(ui.item.id);
return false;
}
}).autocomplete("instance")._renderItem = function (ul, item) {
return $("<li>").append("<a>" + item.city + "</a>").appendTo(ul);
};
Esse seria meu PHP
<?php
session_start();
$getPost = filter_input_array(INPUT_POST, FILTER_DEFAULT);
$setPost = array_map('strip_tags', $getPost);
$post = array_map('trim', $setPost);
$Action = $post['action'];
$jSon = [];
unset($post['action']);
//sleep(1);
if ($Action):
require('../../_app/Config.inc.php');
$jSon['dados'] = null;
endif;
switch ($Action):
case 'searchCity':
$cidades = new pegarCidade;
$cidades->getListaDeCidades();
if ($cidades->getResult()):
foreach ($cidades->getResult() as $key):
$jSon['dados'][] = ['id' => $key->CityId, 'city' => $key->CityNamePT];
endforeach;
endif;
break;
default:
$jSon['error'] = "Erro ao selecionar a ação!";
endswitch;
echo json_encode($jSon);