Ir ao conteúdo
  • Cadastre-se
oiwesleyoi

Refresh sem perda de dados

Recommended Posts

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?

Compartilhar este post


Link para o post
Compartilhar em outros sites

@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);
})

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

@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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

@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

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×