使用ajax动态更新表行时出错

Question

我正在尝试在调用onclick事件时使用Ajax更新表行的值（视图）。

视图已更新，但问题是我无法获取要在该特定表格行上显示的视图的新值。

我必须刷新页面以查看更新后的观看值，而这不是我想要的。

我希望它在单击按钮时动态更新。这就是我在做的事。

<table>
@foreach($data as $datum)
<tr>
  <td><span class="view2">{{$datum->views}}</span></td>
  <td><button class="btn btn-default" onclick="bigImg(event)"  value="{{$datum->game_id}}">click</button></td>
 </tr>
@endforeach                                         
</table>
<script>
        function bigImg(event) {
            var game_id = event.target.value;
            var obj = $(this);
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                type:'POST',
                dataType:'JSON',
                url:'{{url('views')}}',
                data:'game_id='+game_id,
                success:function(data)
                {
                    var data=eval(data);
                    message=data.message;
                    //console.log(message);
                    obj.closest('tr').find(".view2").text(message);
                }
            });
        }
    </script>