Question

我目前正在尝试使我喜欢的功能使用AJAX请求，以便每当用户喜欢图像时页面都不会刷新，但是，每当我点击“应该触发AJAX请求的div。

可悲的是，我不知道如何解决内部服务器错误500。

这是用户喜欢图片的视图中的相关代码：

<div class="submit-btn like" id='{{ $image->id }}'>Like</div>

<script>
    var token = '{{ Session::token() }}';
    var urlLike = '{{ route('likeArtwork') }}'
</script>

这是我的JavaScript：

$('.like').on('click', function(event) {
    var imageId = event.target.id;

    $.ajax({
        method: 'POST',
        url: urlLike,
        data: {
            imageId: imageId,
            _token: token
        }
    }).done(function(response) {

    });
});

我的帖子路线：

Route::post('/artwork/like', 'LikeController@likeArtwork')->name('likeArtwork');

最后是我的likeArtwork（）函数：

public function likeArtwork(){
    $id = $request['imageId'];
    $user = Auth::user();
    $liked = Like::where('user_id', $user->id)->where('image_id', $id)->first();

    if ($liked) {
        $liked->delete();
    } else {
        $like = new Like();
        $like->image_id = $id;
        $like->user_id = $user->id;

        $like->save();
    }

    return redirect()->back();
}

Answer 1

public function likeArtwork(Request $request){
    $id = $request->input('imageId');
    $user = Auth::user();
    $liked = Like::where('user_id', $user->id)->where('image_id', $id)->first();

    if ($liked) {
        $liked->delete();
    } else {
        $like = new Like();
        $like->image_id = $id;
        $like->user_id = $user->id;

        $like->save();
    }

    echo "success";

    //return redirect()->back(); you don't want to send another request
}

您可能要检查image_id是否存在，然后使用attach()和detach() methods。例如。 Image::find($id)->likes()->attach(...)。

尝试使类似功能使用Ajax后出现内部服务器错误500

1 个答案: