我正在制作一个小型的点赞系统。我已经成功地进行了一个Ajax请求,将row.like
增加1,并将其保存到我的数据库中。现在,在进行Ajax请求的同一页面上,我想要在每次Ajax请求之后更新该字段的值。现在我的问题是,在看到1而不是标准的0之前,我需要刷新页面。
Ajax请求
$.ajax({
url:"articles" ,
type: "post",
data: {
'user_id':userid[0].value,
'article_id':articleid[0].value,
'user_id_fk':useridarticle[0].value,
'_token': token[0].value
},
success: function(data){
console.log(data);
}
});
查看 article/index.blade.php
文件
@foreach($articles as $article)
<div class="work-container">
<article class="work-item">
<a href="{{action('HomeController@showArticle', [$article->id, $article->title])}}" class="work-thumbnail">
<img src="/articlePics/{{$article->image}}" alt="work-item">
</a>
<div class="work-info">
<span class="user">{{$article->title}}</span>
<div class="actions">
<form id="actionForm" action="" method="post" role="form">
<input type="hidden" name="articleId" value="{{$article->id}}">
<input type="hidden" name="userIdFk" value="{{$article->user_id}}">
<input type="hidden" name="userID" value="{{Auth::id()}}">
<input type="submit" name="like" class="likeBtn" id="test" value="Like">
<input type="hidden" name="_token" value="<?php echo csrf_token(); ?>">
</form>
<span class="likes" name="currentLikes">{{$article->likes}}</span>
</div>
</div>
</article>
</div>
@endforeach
控制器
if(Request::ajax()) {
$data = Input::all();
$user_id = Auth::id();
$article_id = Input::get('article_id');
$user_id_fk = Input::get('user_id_fk');
$results = DB::select( DB::raw("SELECT * FROM likes WHERE user_id = '$user_id' AND article_id = '$article_id'") );
$likedOrNot = DB::table('likes')
->where('article_id', $article_id)
->where('user_id', $user_id)
->pluck('likes');
$currentLikesDB = DB::table('articles')->where('id', $article_id)->pluck('likes');
echo json_encode(['likesnumber' => $currentLikesDB]);
我希望在ajax提交后,将最后一个span标签的内容替换为当前提交的数据。
counted currentLikes
值,然后在success:function(data)
中,你可以通过$('.likes').text('data.name_of_field_you_passed')
来访问它。 - Narendrasingh Sisodiareturn Response::json(['likesnumber' => $currentLikesDB]);
。 - rdiz