Tenho as seguints funções:
Pega dados do servidor por ajax e salva em um Array de objetos:
function carregaPesquisaTabela(){
controlLoading();
$.ajax({
url: "header.php",
type: "POST",
dataType:"json",
data: {
'procuraPesquisa' : null
}
}).done(function(data){
pesquisaObj = data;
controlLoading();
});
}
Pega o Array de Objetos e monta uma tabela. (Não vou colocar todo o código porque não é necessário)
function montaTabela(){
$("#tablePesquisas").empty();
var linha = "";
for(i = 0; i<pesquisaObj.length; i++){
//Monta dados e insere em uma tabela
$("#tablePesquisas").html(linha);
}
}
Chamo as duas da seguinte maneira:
$("#viewPesquisa").submit(function(e){
e.preventDefault();
carregaPesquisaTabela();
montaTabela();
});
O problema é que a ação montaTabela(); está acontecendo antes da função carregaPesquisaTabela(); estar finalizada, e por isso o resultado não está sendo real.
Vi algo sobre callback mas não consegui implementar. O que fazer?