php - "Like"使用 Laravel、Ajax 和 jQuery 的系统

Question

我不了解 Ajax 与 Laravel 结合的知识。我正在尝试建立一个类似的系统，它已经建立了。问题是;当您单击“喜欢”按钮时，整个页面都会刷新。但我希望它是动态的。为此，我需要使用 Ajax 和 jQuery

我尝试构建一个 jQuery 函数，但我不知道如何解析 {id}

您能告诉我在哪里可以了解有关该主题的更多信息吗？也许是一个教程，或者您能否向我解释一下我缺少的部分。

$('.like').on('click', function(event) {
console.log("clicked the button");

$.ajax({
    method: 'POST',
    url: /{id}/addlike
  })
});

这是“赞”按钮:

<form action="/{{$new->id}}/addlike" method="post">
                    @csrf
                    <button value="{{$new->likes}}" class='like' type="submit"><i class="fas fa-fire"></i></button>
</form>

这是类似的路线:

Route::post('/{id}/addlike', 'ImageController@like');```

这是“like” Controller

public function like($id)
{
    $picture = ImageModel::find($id)->increment('likes');

    return back();
}

Answer 1

删除 type='submit' 它会重定向您的页面，只需添加 type="button" 并在 .like function() ajax 应该像这样，始终应用 if 和 else 条件，以防出现错误，以便它反射(reflect)在浏览器控制台上。

$.ajax({                                                            
                type: "POST",                                                                                                                      
                url: Apiurl,
                data: {
                   "_token": "{{ csrf_token() }}",
                        "id": id
                  }
                success: function (data) 
                {
                    if(data.status ==  'success' )
                    {
                       //apply your condition 
                    }
                    else
                    {
                       console.log('error');                            
                    }                            
               } 
           });