tenho 2 funções no JavaScript, a 1º, mudarForecast()
, é chamada mediante um onchange de um select no HTML, e a 2º, getTotalEMeta()
, é chamada após um if/else dentro da função 1. A getTotalEMeta()
eu também uso para outros fins, portanto decidi que para saber que está sendo chamada pela mudarForecast()
eu passo o 1º parâmetro como false
e, após o retorno do ajax, escrevi uma condição para que retornasse o valor do response sempre que ajax1 == false
.
O problema: Na minha visão, o algoritmo está correta, porém sempre que faço depuração o caminho é:
- Entra na
mudarForecast()
. - Desce até o
let resp_getTotalEMeta
. - Entra na
getTotalEMeta()
e vai até a linha do$.ajax()
. - Ignora o
$.ajax()
, pula até o final degetTotalEMeta()
, volta namudarForecast()
e continua a partir doconsole.log()
(nesse momento vai imprimirresp_getTotalEMeta
como undefined). - Encerra a
mudarForecast()
e volta paragetTotalEMeta()
, aí sim, a partir do$.ajax()
. - Faz certinho o
$.ajax()
e retorna belezinha oresp_getTotalEMeta
, mas agora retorna para ninguém. - Encerra o
if (resp1 == false)
e fim.
Função 1:
function mudarForecast(aux, option_value, innerHTML) {
let dtInicial = document.getElementById("dtInicial").value;
let produto_escolhido = document.getElementById("produto").value;
let forecast = document.getElementById("div_forecast");
let lista = document.getElementById("div_lista_forecast");
if (aux == true) {
forecast.style.display = "none";
lista.style.display = "inline-flex";
} else { // Essa é a parte que importa nesse caso. *****************
let cod_prod_programados = [produto_escolhido];
let novaData = (new Date((new Date(dtInicial+"T00:00")).setMonth(option_value, 1))).toISOString().split('T')[0];
// Aqui começa a parte que o código chama a 2º função. ***********
let resp_getTotalEMeta = getTotalEMeta(false, "", "", "", "", novaData, "", "", cod_prod_programados, "");
console.log(resp_getTotalEMeta);
}
}
Função 2:
function getTotalEMeta(resp1, resp2, ano, mes, resp3, dtInicial, dtFinal, produto_escolhido, cod_prod_programados, id_semana) {
let produto = cod_prod_programados;
// Aqui é onde o código para e só volta após a 1ª função ser encerrada. ******
$.ajax({
url: "../../controllers/produtoController.php",
type: 'POST',
data: {
method: "getAllForecastAjax",
dtInicial: dtInicial,
produto: produto
},
success: function(response) {
let resp_getTotalEMeta = JSON.parse(response4);
if (resp1 == false)
return resp_getTotalEMeta; // Esse é o return que eu gostaria de receber. *******
else
getOPsDisponiveis(resp1, resp2, ano, mes, ajax3, resp4, produto_escolhido, cod_prod_programados, id_semana);
},
error: function(request, status, error) {
console.log(request.responseponseText);
}
})
}
Não consigo ver aonde estou errando. Minha intenção era que o console.log(resp_getTotalEMeta)
imprimisse certinho o valor de resp_getTotalEMeta
após o retorno da função getTotalEMeta()
. Por favor podem me ajudar a encontrar meu erro?
getTotalEMeta
é assíncrona, ou sejamudarForecast
não vai esperar pelo resultado dela para continuar a execução, a opção mais simples seria adicionar a opçãoasync: false
no seu ajax. Além disso não tem como pegar diretamente o return desuccess
, você teria que criar uma outra variável além de produto e atribuir o JSON.parse(response) do ajax nela e retornar essa variável no final do método getTotalEMeta, após a execução do ajax.return
do success não serve paragetTotalEMeta
, essereturn
está dentro de uma função anônima que está sendo passada na propriedadesuccess
, ou seja ele só funciona dentro do escopo daquela função, em outras palavras ele encerra a função atribuída aosuccess
e não influencia no fluxo degetTotalEMeta
async: false
no ajax e declarei uma 2º variável emgetTotalEMeta
para dar return somente no final da função, e agora foi certinho como eu estava querendo. Muito obrigado.