Atualizar página sem refresh, com checkboxes

[sirmedina 0]

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?

[gpontes 9]

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í :)

[sirmedina 0]

Vlw, cara. Vou tentar e volto aqui pra dizer o que aconteceu ;)

[sirmedina 0]

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.

[gpontes 9]

Então, você teria que fazer um arquivo PHP que retorne apenas o que vem dentro da div .busca, se não, vai renderizar mesmo a página toda.