0

Estou desenvolvendo um adicionar e remover linhas como na imageminserir a descrição da imagem aqui

O primeiro select vem de um database com PHP e os que são adicionados posteriormente dinamicamente vem através do getJSON. Está funcionando porém estão sendo feitas várias requisições sem parar desse getJSON e o select fica acumulando as mesmas informações, estou fazendo da seguinte maneira:

$(document).bind('DOMSubtreeModified', function () {

  $.ajax({
      type:'post',  
      dataType: 'json',  
      url: 'json/list_programs',
      success: function(dados){
        var programs = '';
        $.each(dados, function(key, value){
            programs += '' + value.program_name + '';
        });
        $('.list_programs').append(programs);

      }
    });

});
13
  • "porém estão sendo feitas várias requisições sem parar desse getJSON" tem duas coisas possíveis de fazer, ou mudar o evento que está disparando as requisições (DOMSubtreeModified), ou devolver sempre a lista completa de opções, e no lugar de append fazer o replace das opções Commented 14/06/2019 às 16:54
  • Não seria o caso de esvaziar o select antes de popular ele? $('.list_programs').empty().append(programs);
    – Sam
    Commented 14/06/2019 às 17:05
  • @RicardoPontual qual evento eu mudaria para essas requisições? Devolver uma lista completa, como assim? Commented 14/06/2019 às 19:06
  • @Sam se eu colocar o empty ela fica sempre vazia Commented 14/06/2019 às 19:07
  • 1
    Sim. Esse evento é disparado quando há alterações no DOM. O certo era chamar o AJAX apenas quando uma linha for adicionada.
    – Sam
    Commented 14/06/2019 às 20:16

1 Resposta 1

0

Resolvido colocando o EMPTY e chamando o ajax dentro do evento click de adicionar nova linha $('.list_programs').empty().append(programs);

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 .