javascript - 通过 $.post 发送多维数组

Question

我有一个多维数组，我通过 $.each 填充它

$('.gBook').click(function(){
        var values = [];
        var valueToPush = { }; // or "var valueToPush = new Object();" which is the same
        var i = 0;
        $('td[data-check="true"]').each(function(){
                valueToPush["price"] = $(this).attr("data-price");
                valueToPush["id"] = $(this).attr("data-id");
                values.push(valueToPush);
                i++;
        });

        var arrayToSend = {values};

        $.post( '<?php echo PATH;?>ajax/updateRoom.php',values, function(data){
                if(data != "ERROR"){
                    $('#all-content').html(data).css("overflow-y","auto");
                }else{
                    alert("ERROR");
                }
        });
    });

但是所有 POST 变量的结果都是相同的:

Array (
  [values] => Array (
   [0] => Array ( [price] => 15 [id] => 3380 )
   [1] => Array ( [price] => 15 [id] => 3380 )
   [2] => Array ( [price] => 15 [id] => 3380 )
  ) 
) 

我的错误在哪里？似乎“push”每次都会被覆盖？

Answer 1

这一行:

var valueToPush = { };

在你的循环之外。

所以你:

1. 创建一个对象
2. 将对其的引用放入valueToPush
3. 在其中输入值
4. 将其引用复制到数组中
5. 转到3

您只有一个对象，只是在数组中拥有对它的多个引用。

每次循环时都需要创建一个新对象。

$('td[data-check="true"]').each(function(){
    var valueToPush = {};
    valueToPush["price"] = $(this).attr("data-price");