JS / jQuery：如何基于多个选择过滤和提供称为数据的Ajax？

Question

我试图根据用户在以下流程中的选择对服务器进行Ajax调用：

• 用户选择公司
• Ajax调用是根据公司的选择
请求所有产品的数据
• 用户通过单击其中一个按钮（例如产品A，B或C
）来选择产品
• 用户根据所选公司的所选产品 t获取信息

这是我的代码，但问题是当用户选择公司Alpha然后产品A一切顺利。但是，当用户选择Company Bravo然后选择productA时，我会通过console.log(data)获取productA和Company Bravo的数据。之后，如果用户选择公司Charlier，然后选择productA，我会获得该产品的所有三家公司的数据。

$("#company").change(function () {

    var companySelected = $('#company').find(":selected").val();

    $.ajax({

        url: "{% url 'company_product_data' %}",
        method: 'GET',
        data: {
            company_category: companySelected,
        },
        success: function (data) {
            $("#productA, #productB, #productC").click(function () {
                console.log($(this).attr('id'));
                console.log(data)
            });
        },
        error: function (error_data) {
            console.log("error")
            console.log(error_data)
        }

    });

});

任何人都可以告诉我，我做错了什么，我该如何解决？