jquery - if/else 语句在 AJAX 请求后不起作用

Question

我目前正在尝试在我的代码中为like按钮实现一些 AJAX。我在屏幕上显示LikeandDislike按钮。我发出 AJAX 请求来检查我的数据库，并取决于结果。其中一个按钮应该隐藏。

这是我的脚本：

<script type="text/javascript">
    function check(){
        var urliditem = document.location.href;
        var splitted = urliditem.split('item=');
        var id = splitted[1];

        $.post(
            "ajax/likes.php",
            { id: id },
            function(check){
                alert(check);
                if (check == 1){
                    //show the Like button
                    $("#dislike").hide();
                }
                else if (check == 0){
                    //show the Dislike button
                    $("#like").hide();
                }
                else{
                    alert('An error has occured');
                }
            }
        );  
    }

    $(document).ready(function() {
        $("#test").click(function(e){
            e.preventDefault();
            check();
        });
    });
</script>

我检查我是否从我的 AJAX 请求中得到了结果，但是 if/else 语句在调用后似乎不起作用。我不明白为什么。可能是 show()/hide() 函数不起作用。

任何想法 ？我的脚本正确吗？

纽扣

<?php
    echo '<div id="dislike" class="likes">'.$donneeitem['likes'].' ♥&lt;/div><a class="btn-primary btn pull-right" href="index.php?page=action&action=unlikeitem&id='.$_GET['item'].'">Unlike</a>';
    echo '<div id="like" class="likes">'.$donneeitem['likes'].' ♥&lt;/div><a class="btn-primary btn pull-right" href="index.php?page=action&action=likeitem&id='.$_GET['item'].'">Like</a>';
?>

ajax/likes.php

    $check = db_query('SELECT * FROM likes_item WHERE user_id = ? AND item_id = ?', array($_SESSION['mc']['id'], $item_id))->fetchColumn();
    if ($check>0) {
        echo 0; //To show the Dislike button
    }
    else {
        echo 1; //To show the Like button
    }

Answer 1

尝试如下更改您的脚本，这将隐藏您不想要的按钮，并显示相应的按钮，您编写的代码似乎只是隐藏按钮而不显示它。

function(check){
            alert(check);
            if (check == 1){
                //show the Like button
                $("#dislike").hide();
                $("#like").show();
            }
            else if (check == 0){
                //show the Dislike button
                $("#like").hide();
                $("#dislike").show();
            }
                else{
                    alert('An error has occured');
                }
            }