Блог

Я пытаюсь создавать приложения для социальных сетей с помощью laravel, и во время создания системы like я использовал ajax в своем файле js. У меня так много интересных ошибок, поэтому я хочу поделиться ими всеми с вами. Я действительно чувствую себя беспомощным из-за этого, и я искал весь этот день. Спасибо за всю помощь.

1. Во-первых, я пытаюсь получить данные, из которых состояние postID и like, но оно выглядит неопределенным, когда я получил предупреждение о функции успеха ajax.
2. Во-вторых, маршрутизатор не может публиковать сообщения в целом, и ajax действует по-другому во время тестирования. Вот так я переместил свой код с mainpage.js чтобы main.blade.php все еще не работает должным образом.
3. В-третьих, когда я закрыл консоль во время теста и нажал кнопку «Нравится», страница обновилась сама по себе.

это как часть моей main.blade.php

                        <form id="like" >
                        @csrf
                          <a  value="{{$posts->Id}}"  type="submit"  class="card-link"><i class="fa fa-gittip" ></i> Like</a>
                          <button id="likepost" value="{{$posts->Id}}" type="submit"></button>
                            </form>
                            <a id="showcomments" class="card-link"><i class="fa fa-comment"></i> Comments</a>
                        </div>
 

это моя функция от postcontroller.php

 function likeposts(Request $request){
  

  dd($request);
   } 
 

это моя часть веб-маршрутизатора:

 
Route::post('/post', [PostController::class, 'likeposts'])->name('post');
 

Я следовал учебнику (но это не laravel-8), так что это моя часть ajax из main.blade.php :

 

 $(document).ready(function() {
           
           $("#like").submit(function(event){
              // Do global setting.
              event.preventDefault();
              console.log(event);
              var Id=document.getElementById('likepost').value;
              alert(Id);
           var like =like();
              $.ajaxSetup({
               headers: {
                   'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                 }, 
               method:'POST',
               url:"/post",
               data:{ like:like,postId:Id},
              });$.ajax( {
               success:function(data) {
                  alert("ok");
               }
                  
             
           });
        });
       
       })
 

Еще раз спасибо всем, кто помогает!

Вы можете изменить html, как показано ниже

  <a href="#" data-postid="{{$posts->Id}}" class="card-link likeButton" i><i class="fa fa-gittip"></i> Like</a>


    <a id="showcomments" class="card-link"><i class="fa fa-comment"></i> Comments</a>
 

и в аяксе

  <script>
            $(document).ready(function () {
    
                $('.likeButton').on('click',function (e) {
                    e.preventDefault();
                    var csrf = $('meta[name="csrf-token"]').attr('content');
                    var postId=$(this).attr('data-postid')
                    $.ajax({
                        url: "{{route('post')}}",
                        method: 'POST',
                        data: {_token: csrf, postId: postId},
                        success: function () {
                           
                        }
                    });
    
                })
    
         
    
            })
        </script>
 

и не забудьте добавить мета-тег

 <meta name="csrf-token" content="{{ csrf_token() }}" />