购物车折扣输入框修改时全部产品同步更新的问题修复咨询

云原生阿岚

2026-8-11

问题分析与解决方案

问题根源

你的代码虽然获取了当前修改的输入框$this，但后续冗余的逻辑错误收集了所有折扣输入框的值，且未正确仅传递当前修改的输入框数据，导致后端收到所有产品的折扣信息，进而同步更新全部产品折扣。

修改后的代码

$(function() {
    $(document).on('input', '.dto', function(e){
        e.preventDefault();
        const $this = $(this);
        // 仅序列化当前触发修改的输入框，生成对应name和value的请求数据
        const formData = $this.serializeArray();

        const url = "update_cart.ini.php";

        $.ajax({
            url: url,
            type: "POST",
            data: formData,
            cache: false,
        })
        .done(function(data) {
            const res = JSON.parse(data);
            if(res.status){
                $('.alert-success').fadeIn();
                $('.alert-success').html(res.message).delay(2000).fadeOut(2000);
            } else {
                $('.alert-danger').fadeIn();
                $('.alert-danger').html(res.message).delay(2000).fadeOut(2000);
            }
        })
        .fail(function( jqXHR, textStatus ) {
            // 保留调试代码方便问题排查（按需启用）
            // alert("Ajax Request fail");
            // console.log(jqXHR.responseText);
            // console.log("Request failed: " + textStatus );
        })
    });
});