Ajax按钮点击仅首次更新书签计数问题求助

我看了你遇到的问题：点击书签按钮首次能更新前端计数，但后续点击虽然数据库状态正常变更，计数却不再变化。咱们一步步来排查和修复：

首要问题：赋值运算符误用 #

你的脚本里success函数的判断条件用了赋值运算符=，而不是比较运算符==或===：

// 错误：这是赋值操作，不是比较判断
if(json.count = 1){

这会强制把json.count设为1，导致不管服务器返回的真实计数是多少，都会进入if分支，显示"1 person bookmarked..."。把它改成严格比较：

// 正确：判断count是否等于1
if(json.count === 1){

验证服务器返回的JSON格式 #

你提到服务器返回的JSON是{'result': True/False, 'count': 0/1 }，但标准JSON有明确要求：

• 键名和字符串必须用双引号包裹
• 布尔值是小写的true/false，不是True/False

错误的JSON格式会导致jQuery无法正确解析响应，success函数可能无法正常执行。请确保服务器返回合规的JSON，比如：

{"result": true, "count": 1}

添加调试日志排查问题 #

在success函数里添加日志，查看服务器返回的真实数据，确认计数是否正确传递：

success : function (json) {
    // 打印返回值到浏览器控制台，方便排查问题
    console.log("服务器返回的计数：", json.count);
    if(json.count === 1){
        t = '1 person bookmarked this listing';
    } else {
        t = json.count + ' people bookmarked this listing';
    }
    count.text(t);
}

同时可以添加error回调，捕获可能的请求错误：

$.ajax({
    // 其他配置项...
    error: function(xhr, status, error) {
        console.log("AJAX请求错误：", error);
    }
});

可选：更新按钮状态提升用户体验 #

为了让用户清晰知道当前书签状态，同时避免逻辑混淆，可以在success函数里更新按钮的文本和状态：

success : function (json) {
    console.log("服务器返回的计数：", json.count);
    // 更新计数文本
    if(json.count === 1){
        t = '1 person bookmarked this listing';
        // 切换按钮为取消书签状态
        current.html('<span class="like-icon"></span> Unbookmark this listing');
        current.data('action', 'unbookmark');
    } else {
        t = json.count + ' people bookmarked this listing';
        // 切换按钮为添加书签状态
        current.html('<span class="like-icon"></span> Bookmark this listing');
        current.data('action', 'bookmark');
    }
    count.text(t);
}

把这些修改应用后，应该就能解决后续点击计数不更新的问题了。

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