0

function requestAjax(url, metodo, data, successCallback) {
    $.ajax({
        url: url,
        type: metodo,
        contentType: "application/json; charset=utf-8",
        data: JSON.stringify(data),
        statusCode: {
            200: () => {
                successCallback();
            }
        }
    });
}

function adicionarNovaCategoria() {
    if ($("#nova-categoria-input").val() !== '') {
        var categoria = {
            nomeCategoria: $("#nova-categoria-input").val()
        };

        requestAjax("/api/categorias-componente", "POST", categoria, function () {
            showAlertaVerde("Item adicionado!");
            getTodasCategorias();
            $("#nova-categoria-input").val('');
        });

    } else {
        showNomeInvalido();
    }
}

A função que passo como callback no segunda função adicionarNovaCategoria é executa antes de entrar na função requestAjax.

2
  • 1
    Você não entendeu showAlertaVerde("Item adicionado!"); getTodasCategorias(); $("#nova-categoria-input").val(''); é executado antes do ajax Commented 9/07/2018 às 23:24
  • Entendi agora. MAs testando aqui essas funções foram chamadas após o Ajax(?).
    – Sam
    Commented 9/07/2018 às 23:40

1 Resposta 1

2

É necessário setar o ajax para assíncrono false.

async: "false"

1
  • Deu certo. Muito obrigado! Commented 10/07/2018 às 0:06

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .