0

Preciso chamar uma função em Javascript onde um de seus parâmetros é uma função.
Neste caso, como faço para passar parâmetros dentro da chamada da função?
Ex: (Função que será chamada primeiro:

function getWS(data, success) {
    $.ajax({
        type: 'GET',
        url: 'MinhaUrl',
        data: data,
        async: false,
        crossDomain: true,
        dataType: 'json',
        success: success,
        error: error,
    });
}

Função em caso de sucesso na chamada acima:

function preencheLista(data, lista)
{
    $.each(data, function (i, item) {
        lista.push({ "id": item.id, "nome": item.nome })
    });
}

Chamada:

//Aqui que está minha dúvida. Como passar data e marcas para esta função)
var marcas = [];
getWS(data, preencheLista(data, marcas));
1
  • O problema maior é você querer usar ajax síncrono. Você devia manipular a lista de marcas apenas de dentro do callback de sucesso do ajax.
    – bfavaretto
    30/07/2017 às 22:04

1 Resposta 1

1

Para o devido efeito podes usar a função $.proxy() do jquery!
Esta função recebe uma função e retorna uma nova que sempre tera um contexto particular.

Para ser mais concreto veja o exemplo do seu codigo funcionando no jsfiddle

var url = 'https://jsonplaceholder.typicode.com/posts';

var getWS = function(data, success) {
  $.ajax({
    type: 'GET',
    url: url,
    data: data,
    //async: false, //deprecado
    crossDomain: true,
    dataType: 'json',
    success: success,
    //error: error,
  });
}

var preencheLista = function(data, lista) {
  $.each(data, function(i, item) {
    lista.push({
      "id": item.id,
      "nome": item.title
    }) // alterado item.nome para item.title pois o objecto de retorno nao possui o atributo nome
  });
}

var marcas = [];

getWS({}, $.proxy(function(data) {
  preencheLista(data, marcas);
  
  //adiciona o resultdado a lista no html para visualização
  $(marcas).each(function(i, item) {
    $("ul").append(`<li>${item.id} - ${item.nome}</li>`)
  });
  
}));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <!-- Esapaco reservado para listagem do resultado-->
</ul>

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 .