Refresh sem perda de dados

[oiwesleyoi]

Boa tarde galera,

Estou fazendo um sistema que contém dois listbox com produtos. Eu faço uma busca de produtos, onde o resultado aparece no primeiro listbox, e adiciono alguns produtos do resultado para o segundo listbox. Porém, cada vez que eu realizo a busca, preciso atualizar a pagina, logo quando faço, os dados do segundo listbox se perdem. Como posso fazer para não perder os dados do segundo listbox se precisar buscar outros produtos?

[DiF]

@oiwesleyoi Olá, você pode usar a requisição assíncrona(ajax).

Use o jQuery e sua função $.ajax() para acionar a busca sem refresh.

 

Exemplo de uso:

 

Primeiro carrega-se o plugin jQuery, para isso recomendo usar o cdn dele OU dentro do header OU no final da página.

 

<script   src="https://code.jquery.com/jquery-3.1.0.min.js"   integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s="   crossorigin="anonymous"></script>

 

Depois de carregado podemos fazer desta forma:

$(document).ready(function(){ 
   //botão de buscar, ação de quando clicar.
   $('#btn_buscar').on('click', function(event){
     
       //o mesmo que return false
       event.preventDefault();  
     
        //armazena o valor do campo digitado 
        var buscar = $('#campo').val();
     
        /*chama a função $.ajax. função done() e fail() 
         servem de retorno. sucesso e falha respectivamente.*/
        $.ajax({
            url:'processaAlgo.php',
            type: 'html',
            data: buscar
        }).done(function(data){
               alert(data);
        }).fail(function(data){
              alert(data); 
        });
   });
});

Dentro das funções done() e fail() você pode trocar o alert, por um elemento div  ou outro qualquer.. por exemplo

 

done(function(data){
      $('#msg_retorno').html(data);
})

 

[oiwesleyoi]

@dif Agradeço a ajuda, mas não sei se voce entendeu bem...

 

Eu preciso ter todos os valores do meu segundo listbox armazenados pra quando atualizar a pagina o listbox ainda estaer com os mesmos valores.

[DiF]

@oiwesleyoi Eu entendi. E a minha solução foi esta. Usar a requisição assíncrona para eliminar o "refresh" ao clicar no botão de busca. Assim, você não perde os dados.. Se mesmo assim quiser armazenar.. deverá usar vetores