Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

sirmedina

Atualizar página sem refresh, com checkboxes

Recommended Posts

Boa noite, gurizada

 

Eu tenho um projeto e preciso que ele atualize as informações sem recarregar a página toda.

 

Na verdade o objetivo eh que não seja incomodo pro usuário enquanto ele navega no menu com abas, e tal.

Pra entender: AQUI

 

Eu pesquisei umas alternativas e vi que com ajax dá pra fazer isso, mas eu não manjo muito de jquery e pouco de javascript. Hj, cada checkbox atualiza a página com um script simples:

onclick="this.form.submit();"

So que cada submit atualiza a página e volta pra primeira aba do menu, o que é um problema.

 

Alguém poderia ajudar?

Compartilhar este post


Link para o post
Compartilhar em outros sites

O ideal é você utilizar AJAX, retornando um JSON com os dados dos restaurantes, ou até mesmo retornando um HTML para você preencher a <div class="busca"></div>.

 

O que você tem que fazer:

- Criar uma página, dinâmica que aceite GET/POST, para você consultar os dados.

 

- Fazer uma request ajax:

var checkboxes = $('.seuformcomcheckboxes').serialize();

$.get('/busca.php', checkboxes, function success(response){
   $('.busca').html(response);
});

Tenta aí :)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Então, cara,

 

Eu tentei, mas não parece ter dado certo, pq ele carrega a página toda na div de busca.

 

Eu tava pensando hj que, na verdade, o que acontece no site é que ele pega as informações do banco e joga na div. Talvez o caminho certo seja o inverso, talvez usar get.

 

Não sei, só uma ideia que tive.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.