소셜 네트워크를 만드는 방법을 배우려고합니다. Ajax (새 항목 추가)를 사용하여 데이터베이스에서 행을 사용할 수 없을 때 좋아요 및 싫어함 기능이 작동하지 않습니다.
https://www.youtube.com/watch?v=drM19VKbCgU&list=PL55RiY5tL51oloSGk5XdO2MGjPqc0BxGV&index=20
포스트 오류 Eloquent를 사용하여 새 행 추가
개발 환경 :
- PhpStorm v9.0을
- XAMPP의 v3.2.2
- 의 jQuery v1.12.0 - 내가 소식을
튜토리얼은 자신이 컨트롤러를 작성하는 곳이 비디오는 - 구글 크롬
오류 메신저 나이 :
Error image link
전체주기 :
추천하고 비추천 버튼 (보기) :
<a href="#" class="like">{{ Auth::user()->likes()->where('post_id', $post->id)->first() ?
Auth::user()->likes()->where('post_id', $post->id)->first()->like == 1 ?
'You like this post':'Like' : 'Like' }}</a> |
<a href="#" class="like">{{ Auth::user()->likes()->where('post_id', $post->id)->first() ?
Auth::user()->likes()->where('post_id', $post->id)->first()->like == 0 ?
'You don\'t like this post':'Dislike' : 'Dislike' }}</a>
<script>
var urlLike = '{{ route('like') }}';
</script>
경로 :
Route::post('/like', [
'uses' => '[email protected]',
'as' => 'like'
]);
리스너 + 아약스 전화 :
$('.like').on('click', function(event){
event.preventDefault();
postId = event.target.parentNode.parentNode.dataset['postid'];
var isLike = event.target.previousElementSibling == null;
//console.log(postId+' '+isLike);
$.ajax({
method: 'POST',
url: urlLike,
data: {isLike: isLike, postId: postId, _token: token}
})
.done(function(){
console.log(event.target.innerText);
event.target.innerText = isLike ? event.target.innerText == 'Like' ? 'You like this post':'Like' : event.target.innerText == 'Dislike' ? 'You don\'t like this post':'Dislike' ;
if(isLike){
event.target.nextElementSibling.innerText = 'Dislike';
} else{
event.target.nextElementSibling.innerText = 'Like';
}
});
});
,
컨트롤러 :
public function postLikePost(Request $request){
$post_id = $request['postId'];
$is_like = $request['isLike'] === 'true';
$update = false;
$post = Post::find($post_id);
if(!$post){
return null;
}
$user = Auth::user();
$like = $user->likes()->where('post_id', $post_id)->first();
if($like){
$already_like = $like->like;
$update = true;
if($already_like == $is_like){
$like->delete();
return null;
}
}else{
$like->like = $is_like;
$like->post_id = $post_id;
$like->user_id = $user_id;
}
// This is working when the controller is updating but broken when saving
if($update){
$like->update();
} else{
$like->save();
}
return null;
}
P.S : 난 당신이 디버깅 할 수있는 좋은 방법을 알고 있다면/로그인/일식처럼 변수 값을보고, phpstorm 및 laravel에 새로 온
, 즉 감상 할 수있다. 내가 대신 localhost/your_project/public/like
$.ajax({
method: 'POST',
url: 'like',
data: {isLike: isLike, postId: postId, _token: token}
})
작동합니다의 localhost/public/likes
를 요구하고 아약스 요청이 잘못된 URL을 사용하고 보는 것과
dev 도구에서 네트워크 탭을 열고 요청을 클릭하면 실제 오류를 확인할 수 있습니다. – Sherif