新手求助：AJAX调用对接控制器并更新布尔对象的实现方法

先看修改后的完整代码：

$(document).on('click', '.add-to-cart', function(e) {
    // 阻止按钮默认行为（比如表单按钮的页面跳转）
    e.preventDefault();

    // 替换成你服务器端对应接口的路由地址
    const url = '/updateButtonAdded';

    $.ajax({
        url: url,
        type: 'POST',
        // 用键值对格式传数据，服务器可通过键名获取值
        data: { isButtonClicked: true },
        // 显式声明数据格式，确保服务器能正确解析
        contentType: 'application/x-www-form-urlencoded',
        success: function(response) {
            // 服务器返回成功后的前端反馈
            console.log('状态更新成功:', response);
            // 示例：修改按钮状态，避免重复点击
            $(this).text('已标记').prop('disabled', true);
        },
        fail: function(err) {
            console.error('更新失败:', err);
            // 给用户显示错误提示
            alert('更新失败，请稍后重试');
        }
    });
});

关键修改&解释： #

• e.preventDefault()：如果按钮属于表单或自带跳转行为，这行代码能阻止页面刷新，保证AJAX请求正常完成。
• url 赋值：必须填写服务器端定义的接口路径，和控制器里的路由完全对应，不能留空。
• data 格式：不能直接传true，要写成键值对{ isButtonClicked: true }——服务器需要通过键名识别你传递的参数。
• success 回调：这里处理操作成功后的前端逻辑，比如修改按钮状态、给用户提示，让用户感知操作结果。
• 语法修正：你原代码里success的括号写法错误，且fail前缺少逗号，这些语法问题会导致AJAX无法正常运行。

修改后的完整代码：

server.post(
    '/updateButtonAdded', // 和客户端AJAX的url完全对应
    function (req, res, next) {
        // 从请求体中获取客户端发送的参数
        const isClicked = req.body.isButtonClicked;

        // 先校验用户登录状态（根据你的业务逻辑调整）
        if (!customer || !customer.profile) {
            return res.status(401).json({ message: '用户未登录' });
        }

        // 直接将自定义属性设为true，满足需求
        customer.profile.custom.AddButton = true;

        // 调用你系统中更新用户档案的方法（示例为异步保存逻辑）
        customer.profile.save(function(err) {
            if (err) {
                return res.status(500).json({ message: '更新失败', error: err });
            }
            // 保存成功后给客户端返回响应
            res.status(200).json({ message: '按钮点击状态已更新为true' });
        });

        // 根据中间件流程，在响应发送后调用next()
        next();
    }
);

关键修改&解释： #

• 路由路径：必须和客户端AJAX的url一致，否则请求找不到对应的控制器处理逻辑。
• 获取请求数据：req.body.isButtonClicked用来读取客户端发送的布尔值，前提是你的服务器已经配置了解析请求体的中间件（比如express.urlencoded()）。
• 更新用户属性：直接把customer.profile.custom.AddButton设为true即可，无需额外判断——你的需求就是点击按钮后将该值更新为true。
• 响应处理：必须给客户端返回状态码和响应内容，这样前端的success或fail回调才能触发。如果是异步保存操作，要在保存完成后再返回响应。
• next() 位置：要确保在发送响应之后调用next()，避免中间件流程混乱。

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