php - 我的 ajax 调用得到了正确的响应，但没有做任何事情

问题描述

我正在尝试在 ajax 中制作一个喜欢/不喜欢的按钮。ajax 将我的数据发送到一个单独的文件，该文件保存在数据库中，并且该文件发回{"status":"success","message":"Like has been saved.","data":{"like":"1"}}我从 chrome 网络响应窗口获得的成功响应。但是$ajax(...).done 中的代码不起作用

我已经 console.logged 和 var.dumped 我可能的每一点代码。我的数据正在发送到我的数据库，这应该意味着 SQL 和类似的类是正确的。我也尝试过简单地console.log“回复”“res”并将其余部分放在评论中，但这又没有给我任何东西


<div>
    <a href="#" data-id="<?php echo $post->id ?>" class="like">Like</a>  
    <a href="#" data-id="<?php echo $post->id ?>" class="dislike" style="display:none;">Dislike</a>
    <span class='likes' data-id="<?php echo $post->id ?>"><?php echo $post->getLikes(); ?></span> people like this
</div>


$("a.like, a.dislike").on("click",function(e){
      var postId = $(this).data("id");
      if($("a.like")){
        var type = 1;
      }else if($("a.dislike")){
        var type = 0;
      }
      var elLikes = $(this).siblings(".likes");
      var likes=elLikes.html();

      $.ajax({
          method: "POST",
          url: "ajax/postlike.php",
          data: {postId: postId, type:type},
          dataType: "json",
      })
      .done(function( res ) {
          console.log(res);
          if(res.status=="succes"){
              console.log(res);

              if(res.data.like=="1"){
                  likes++;
                  elLikes=html(likes);
                  $("a.like").css("display","none");
                  $("a.dislike").css("display","inline-block");

              } else if(res.data.like=="0"){
                  likes--;
                  elLikes=html(likes);
                  $("a.dislike").css("display","none");
                  $("a.like").css("display","inline-block");
              }
          }
      });
      e.preventDefault();

});


if(!empty($_POST)){
        try {
            $postId=$_POST['postId'];
            $type=htmlspecialchars($_POST['type']);
            $userId=$_SESSION['user_id'];

            $l = new Like();
            $l->setPostId($postId);
            $l->setUserId($userId);
            $l->setType($type);
            $l->save();

            $res = [
                "status" => "success",
                "message" => "Like has been saved.",
                "data" =>[
                    "like" => $type
                ]
            ];

        }catch (trowable $t) {
            $res = [
                'status' => 'failed',
                'message' => $t->getMessage()
            ];
        }
        echo json_encode($res);
        var_dump($res);
    }

我期望发生的事情是 Ajax 将 JSON 数据发送到 php 代码，然后将其放入数据库中，这样就可以了。然后给Ajax一个成功的响应，也可以。然后，Ajax 将关闭喜欢/不喜欢按钮，同时从跨度“喜欢”中添加或取 1 个喜欢。然而它完全没有任何作用

我几乎 100% 确定问题是我忽略的一些愚蠢的问题，但我真的找不到。

标签： phphtmlajax

php - 我的 ajax 调用得到了正确的响应，但没有做任何事情

问题描述

解决方案

推荐阅读