如何使用ajax将数据推送到数组

Posted 2023-05-09

【中文标题】如何使用ajax将数据推送到数组

【英文标题】：How to push data to array using ajax

【发布时间】：2015-10-23 23:09:24

【问题描述】：

我有一个页面列出产品 - 每个产品都有一个添加到购物车按钮。使用按钮中的数据属性，我需要将 offerId 字符串推送到现有数组中。将多个产品添加到购物车后的预期结果是返回一个包含所有 offerId 的数组。目前，如果我 print_r 的 offerIdArray，它只显示最新按钮的 offerId。

想法？

$(document).ready(function () 
    $(".addtocart button").click(function () 
        var offerIdArray = [];
        var offerId = $(this).attr("data-offerId");
        $.post("controller/create-cart.php", 
            offerIdArray: offerIdArray.push(offerId)
        ,
        function (data) 
            $('body').append(data);
        );
    );
);

编辑：下面是我的工作代码 - 感谢@brroshan。我还必须先将 offerId 推送到 offerIdArray，然后才能通过 post 发送数组。

$(document).ready(function ()  
    offerIdArray = [];                                
    $(".addtocart button").click(function ()                     
        var offerId = $(this).attr("data-offerId"); 
        offerIdArray.push(offerId);                    
        $.post("controller/create-cart.php",
                                            
                offerIdArray: offerIdArray
            ,
            function (data) 
                $('body').append(data);
            
        );
    );
);

【问题讨论】：

能否显示$(this).attr("data-offerId")的返回值；

【参考方案1】：

问题是每次单击".addtocart button" 时都会创建一个新数组。只需在点击处理程序之外声明您的数组，它应该可以工作。

$(document).ready(function () 
      var offerIdArray = [];       // <--
      $(".addtocart button").click(function () 

        var offerId = $(this).attr("data-offerId");

        $.post("controller/create-cart.php", 
            offerIdArray: offerIdArray.push(offerId)
        ,
        function (data) 
            $('body').append(data);
        );
   );
);

【参考方案2】：

将 offerIdArray 移到函数之外。现在它是一个局部变量。因此，您每次调用该函数时都在重新创建它。你需要一个全局变量。我希望这会有所帮助。