我不了解与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();
}
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] 删除。
我来说两句