Estou desenvolvendo um sistema de post, onde em cada post visualizado, coloquei um botão "Gosto" e um "Não Gosto". Implementei um código que actualiza a página quando um dos botões é clicado, funcionou perfeitamente, adicionando 1, no total_gosto ou total_nao_gosto. O meu problema é salvar os dados dinamicamente, sem actualizar a página.
Abaixo vai o que já tentei e não resulta:
Controller
// Adicionar gosto sem actualização da página
public function adicionarGosto()
{
$id = Input::get('post_id');
$post = Post::find($id);
if (Cache::has('voto '.$id)==false)
{
Cache::add('voto '.$id,'contador',0.30);
$post->totalgosto_pt+=1;
$post->save();
return \Response::json(array('status'=>'sim','qtde'=>$post->totalgosto_pt));
}
else
{
return \Response::json(array('status'=>'nao'));
}
}
// Adicionar não gosto sem actualização da página
public function adicionarNaoGosto()
{
$id = Input::get('post_id');
$post = Post::find($id);
if (Cache::has('voto '.$id)==false)
{
Cache::add('voto '.$id,'contador',0.30);
$post->totalnaogosto_pt+=1;
$post->save();
return \Response::json(array('status'=>'sim','qtde'=>$post->totalnaogosto_pt));
}
else
{
return \Response::json(array('status'=>'nao'));
}
}
View
{{--Botões like e unlike sem actualização da página--}}
<div classe"row">
<a class="btn btn-primary _btnGostei">Gostei <i class="glyphicon glyphicon-thumbs-up">({!! $post->totalgosto_pt !!})</i></a>
<a class="btn btn-danger _btnNaoGostei">Não Gostei <i class="glyphicon glyphicon-thumbs-down">({!! $post->totalnaogosto_pt !!})</i></a>
</div>
{!! csrf_field() !!}
<input type="hidden" name="post_id" value="{!! $post->id_pt !!}">
<script type="text/javascript">
$("._btnGostei").click(function () {
$.post("/portal/adicionar-gosto",{post_id:$('input[name="post_id"]').attr("value"),_token:$('input[name="_token"]').attr("value")},function (response) {
if(response.status=="sim")
{
$("._btnGostei").html("Gostei ("+response.qtde+")");
}
});
});
$("._btnNaoGostei").click(function () {
$.post("/portal/adicionar-naogosto",{post_id:$('input[name="post_id"]').attr("value"),_token:$('input[name="_token"]').attr("value")},function (response) {
if(response.status=="sim")
{
$("._btnNaoGostei").html("Não Gostei ("+response.qtde+")");
}
});
});
</script>
Rotas
//Gosto e não gosto sem actualização da página
Route::post('/portal/adicionar-gosto', 'Painel\PostController@adicionarGosto'); Route::post('/portal/adicionar-naogosto', 'Painel\PostController@adicionarNaoGosto');
GUI