2

Criei esta função com o objetivo de abstrair as chamadas $.ajax() para serem executadas em vários momentos diferentes. Um dos parâmetros dela é o nome de uma das funções que eu gostaria que fosse executada em caso de sucesso.

Entretanto, como devo fazer a chamada à esta "callback"?

function submitData(myCallback) {
    $.ajax({
        success: function(res){
            myCallback(res);
        }
    });

}

function processarResponse(response) {

}

Finalizando com a ajuda recebida de Valdeir Psr: a passagem do parâmetro 'myCallback' deve ser feita passando-se o nome e a assinatura da callback:

submitData(processarResponse(response));
1
  • Obrigado pela edição; gostei de sua concisão.
    – jCintra
    Commented 10/05/2018 às 3:57

2 Respostas 2

1

Basta utilizar nome_da_funcao(), por exemplo:

function exec( fun ) {
  fun("World") //Passando parâmetros
}

exec( function() {
  console.log("Success")
} )

exec( function(res) {
  console.log(`Hello ${res}`)
} )

Baseado em seu exemplo:

function submitData(myCallback) {
    $.ajax({
        url: 'https://jsonplaceholder.typicode.com/posts/1',
        success: function(res){
            myCallback(res);
        }
    });
}

submitData(function(res) {
  console.log( "Título do POST: ", res.title )
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Você ainda você utilize o apply ou o call, por exemplo:

myCallback.call(null, res)
myCallback.apply(null, [res])

Exemplo:

function submitData(myCallback) {
    $.ajax({
        url: 'https://jsonplaceholder.typicode.com/posts/1',
        success: function(res){
            myCallback.call(null, res)
        }
    });
}

submitData(function(res) {
  console.log( "Título do POST: ", res.title )
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

2
  • Por favor, você poderia mostrar como eu faria isso no exemplo da pergunta inicial? É meio embaraçoso, mas não consegui aplicar seu conceito na prática de exemplo dado.
    – jCintra
    Commented 10/05/2018 às 3:56
  • @jCintra Atualizei o exemplo Commented 10/05/2018 às 4:00
1

Apenas remova as aspas que vai funcionar:

function submitData(myCallback) {
    $.ajax({
        success: function(res){
            myCallback(res);
        }
    });
}

myCallback deve estar apto a receber o parâmetro passado

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 .