Question

我正在创建一个like按钮并自动增加值并获取db的当前值。

更新值有效，但单击按钮后该值未自动更新（在页面刷新后更新）。

这是我的jQuery代码：

$(document).ready(function(){
    $('#like').on('click', function(e){
        var id = '{{$news->id}}';
        $.get('{{ url('home/like')}}/'+id, function(data){
            console.log(id);
            console.log(data);
            $('#like_data').empty();
            $.each(data, function(index, element){
                $('#like_data').append('<p>'+element.like+'</p>');
            });
        });
    });
});

这是我的HTML代码：

<form method="GET">
    <div id="sample-table-3">
        <a id="like"><img src="/images/likes1.png" title="likes"></a>
    </div>
</form>

<div id="like_data">
    <p>{{$news->like}}</p>
</div>

我收到这样的错误：

获取http://localhost:8080/view/like/4 500（内部服务器错误）

XHR完成加载：GET“http://localhost:8080/view/like/4”。

---编辑：添加控制器和路线---

//Controller    
public function like($id){
    $news = News::find($id);

    $news->like += 1;
    $news->save();

    return view('home.view')->with('news', $news);
}

//Laravel Route 
Route::get('/home/like/{id}', 'HomeController@like');

点击按钮后，jQuery从db获取数据

0 个答案: