###Solução
Considerando que você não quer chamar copiaArea
sempre que listarNumeros
for executada, e sim somente após o adicionarNumero
, sugiro tirar proveito das promises retornadas pelos métodos de ajax do jQuery, assim:
function atualizaTabela(data) {
var msg = "";
if (data.status) {
msg = "<div class=\"alert alert-success text-center\">";
msg += "<h4>Sucesso!</h4>";
msg += "Seu número foi gerado com sucesso!";
msg += "</div>";
} else {
msg = "<div class=\"alert alert-error\">";
msg += "<h4>Sucesso!</h4>";
msg += "Ocorreu um erro e não foi possível gerar um número.";
msg += "</div>";
}
$("#numeros").empty();
return listarNumeros();
sysMsg(msg);
}
function listarNumeros() {
$.ajaxSetup({cache: false, async:false});
return $.getJSON("/intracake/Numeros/listar.json").done(function(data) {
ip = data.cliente;
numero = data.lista[0].num; //Pega o 1 resultado do array, último num gerado.
$.each(data.lista, function(index, array) {
inserirLinha(array);
});
});
}
function adicionarNumero() {
$.post("/intracake/Numeros/adicionar.json").done(function(data) {
atualizaTabela(data).done(function(){
copiaArea(numero);
});
});
}
Nota: a solução abaixo foi proposta quando um dos requisitos não estava claro para mim
Me parece que para resolver o problema seria suficiente retirar a chamada de copiaArea
da função adicionarNumero
, e passar para listarNumeros
. Com isso, você pode inclusive se livrar da variável global (sobre isso, ver Por que usar variáveis globais não é uma boa prática?). Ou seja: