2016-09-12 8 views
2

소셜 네트워크를 만드는 방법을 배우려고합니다. 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을 사용하고 보는 것과

+0

dev 도구에서 네트워크 탭을 열고 요청을 클릭하면 실제 오류를 확인할 수 있습니다. – Sherif

답변

1

... 또는

<script> 
    var urlLike = '{{ URL::to('like') }}'; 
</script> 

하지 않도록 왜 route()하지만 작동하지 않습니다