O Ajax funciona de forma assíncrona, ou seja, a requisição é enviada e o restante do código continua a ser executado.
Para capturar e exibir o valor do retorno da requisição, é necessário adicionar essas funções dentro do callback
de sucesso.
function getCategoria(id){
$.ajax({
url: "../control/anuncio/index.php",
data:{
method: 'get_categoria',
id_categoria: id
},
method: "post",
dataType: "json",
success: function(retorno){
exibeMensagem(retorno.categoria);
}
});
}
function exibeMensagem(msg) {
alert(msg);
}
Uma outra forma é adicionando a opção async:false,
. Ex:
$.ajax({
url: "../control/anuncio/index.php",
async: false,
data:{
method: 'get_categoria',
id_categoria: id
},
Porém há um problema. Os navegadores atuais exibem o alerta:
Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.
O motivo? Em breve isso será removido e você não poderá utiliza-lo. Segundo a própria especificação da API...
Requisições síncrona está em processo de remoção da plataforma web, pois tem efeitos prejudiciais para a experiência do usuário final.
Os desenvolvedores não devem passar falso para o argumento assíncrono quando o objeto global atual é um Window
. Os usuário são fortemente encorajados a avisar sobre tal uso em ferramentas de desenvolvimento e pode gerar a exceção InvalidAccessError
Claro que não irão remover de uma outra para outra, porém o ideal é se adequar o quanto antes. Então o recomendado é você criar uma outra função para tratar o retorno da requisição (como mostrado no primeiro exemplo).