jQueryがボタンをクリックしたときに表示される値を自動的に更新

Question

データベース上の現在の値でボタンのように作成しました。ボタンをクリックすると、値がビューで自動的に更新されます。 現在、データベース上の値は正常に更新されましたが、ビューで自動的に更新されるわけではありません。あなたは、コントローラからJSON応答を渡す必要が

public function like($id){ 

    $news = News::find($id); 

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

    return $news; 
} 

Answer 1

：

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

はここに私のコントローラである：

は、ここに私のjqueryのコードです。この

public function like($id){ 

    $news = News::find($id); 

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

    return response()->json([$news], 200); 
} 

と同じように、あなたは、単一のオブジェクト応答を送信するので、この応答のため$.each()を使用する必要はありません。あなたは単に書くeachを使用したい場合は

$('#like_data').html("<p>"+data.like+"</p>"); 

を：：ただ、単純にこのコードを書い

$.each(data, function (index, element) { 
     $("#like_data").append("<p>" + element.like + "</p>"); 
}); 

Answer 2

この

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('#like').on('click', function(e){ 
      var id = '{{$news->id}}'; 
      $.get('{{ url('view/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>"); 
       }); 
      }); 
     }); 
    }); 
</script>