-1

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:

DB inserir a descrição da imagem aqui

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

inserir a descrição da imagem aqui

inserir a descrição da imagem aqui

18
  • O que "não resulta"? Tem algum erro? Verificou no console do navegador se o request é feito?
    – tvdias
    Commented 1/02/2020 às 0:16
  • @tvdias sou principiante na programação web, não sei como verificar no navegador se o request é feito. agradeço que me dê algumas dicas para o efeito. Commented 1/02/2020 às 0:21
  • Não dá nenhum erro, mas também não salva no banco. Commented 1/02/2020 às 0:21
  • Qual é o seu navegador? Geralmente é com o F12, há um console com os pedidos (aparecem somente os feitos após o console ser aberto) e também os erros de javascript.
    – tvdias
    Commented 1/02/2020 às 0:24
  • 2
    Esse erro é pq "$" não foi encontrado. Geralmente ele é o jQuery. Assim sendo, falta adicioná-lo como referência à sua página.
    – tvdias
    Commented 3/02/2020 às 0:18

1 Resposta 1

2

Esse erro é pq "$" não foi encontrado. Geralmente ele é o jQuery. Assim sendo, falta adicioná-lo como referência à sua página.

Para isso, faça o download do mesmo na página oficial e adicione este código à sua página: <script src="jquery.min.js"></script>, alterando o src de acordo com a localização do *.js baixado.

Em alternativa ao download, o mesmo também pode ser adicionado a partir de uma CDN, como cloudflare: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .