编程新手求助：如何用Ajax实现点赞后更新vote-count数值？

嘿，作为编程新手能自己尝试实现点赞功能已经很棒啦！我看了你的代码，问题主要出在选择vote-count元素的方式和数值处理上，下面一步步帮你修正：

核心问题分析 #

你在success回调里写的$(questionId+"question-id"+'')完全是错误的选择器语法，没办法定位到对应的.vote-count元素。我们需要通过question-id属性来匹配和当前点赞按钮同属一个问题的计数元素。

修正后的完整逻辑 #

$(document).on('click','.question-vote-up',function() { 
    var $this = $(this); // 缓存当前按钮的jQuery对象，避免重复DOM查询
    var questionId = $this.attr('question-id'); 
    var link_url = base_url + "question"; 
    var post_data = [
        {name:'AJAX',value:'AJAX'}, 
        {name:'TYPE',value:'ACTION'}, 
        {name:'ACTION',value:'QUESTION_UPVOTE'}, 
        {name:'QUESTION_ID',value:questionId} 
    ]; 

    // 不推荐使用async:false，同步请求会阻塞页面，改成默认的true即可
    $.ajax({ 
        url: link_url, 
        dataType : "json", 
        type: "POST", 
        data: post_data, 
        async: true, 
        success: function(response) { 
            if(response.STATUS == 200) { 
                // 定位到当前问题对应的vote-count元素
                var $voteCount = $('.vote-count[question-id="' + questionId + '"]');
                // 获取当前计数，处理可能的空值/非数字情况，默认设为0
                var currentVote = parseInt($voteCount.text().trim(), 10) || 0;
                // 更新计数为当前值+1
                $voteCount.text(currentVote + 1);
                // alert(response.MESSAGE);
            } else if(response.STATUS == 400) { 
                alert(response.MESSAGE); 
            } else { 
                alert(response.MESSAGE); 
            } 
        }, 
        error: function() { 
            alert("error in response"); 
        }, 
    }); 
});

关键修正点说明 #

• 正确定位计数元素：使用属性选择器$('.vote-count[question-id="' + questionId + '"]')，精准找到和当前点赞按钮同question-id的.vote-count元素。
• 安全处理数值：用trim()去掉文本前后的空格，parseInt(..., 10)确保是十进制转换，|| 0处理初始值为空或非数字的情况，避免出现NaN。
• 移除同步请求：把async: false改成true（或者直接删掉，因为jQuery默认async就是true），同步请求会让页面在等待响应时卡住，严重影响用户体验。

这样修改后，点击点赞按钮就能正确更新对应的vote-count数值啦！

内容的提问来源于stack exchange，提问作者Najad Riyaz