使用Laravel,Ajax和jQuery的“类似”系统

所以

我不了解与Laravel结合使用的有关Ajax的知识。我正在尝试建立一个已经建立的类似系统。问题是; 当您单击“赞”按钮时,整个页面都会刷新。但是我希望它是动态的。为此,我需要使用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');```

这是“喜欢”的控制器

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

    return back();
}
罗希特(Rohit Agrohia)

Removetype='submit'它将重定向您的页面,只需添加,type="button"并且在.like function()ajax中应该是这样,如果出现其他错误,请始终应用if和else条件,这样它将反映在浏览器控制台上。

$.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');                            
                    }                            
               } 
           });

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章