Object配列が、私は、オブジェクトのこの配列がロードされている

Question

最後のオブジェクトによって上書きされます：その後、私はアヤックスでは、しかし、変更された値を取得し、それらを保存

$(document).ready(function() { 
    $("<div></div>").load("/Stats/Contents #stats", function() { 
    statcount = $(".list-group-item", this).length; 

    for (var j = 0; j < statcount; j++) { 
     statList.push(stat); 
    } 

    for (var i = 0; i < statcount; i++) { 
     statList[i].statId = document.getElementById("statId-" + (i + 1) + "").value; 
     statList[i].productDescription = document.getElementById("productType-" + (i + 1) + "").value; 
     statList[i].lastMeasuredInventoryAmount = document.getElementById("statLastMeasureAmount-" + (i + 1) + "").value; 
    } 
)} 
)} 

....など にポストコールでは、配列オブジェクトはすべて同じ（最後に割り当てられたもの）で、上書きされたように見えます。 アイデア私はこれらの延期/約束型コードを見ましたが、簡単な方法があるかどうかはわかりません。おかげさまで

Answer 1

あなたはstatList配列を取って、それをそれぞれの変更と共にサーバーにプッシュするように思えます。このようなリストを作成して管理するのではなく、マークアップから結果を取り出してセーブポイントでアレイを構築するだけで、

$("btnSave").on("click", function(e) { 
    var data = []; 
    $(".list-group-item").each(function() { 
    data.push({ 
     statId: $(this).find(".statid").val(), 
     . 
     . 
    }) 
    }); 

あなたは私のサンプルは、現在のリスト項目内の要素を見つけるために、CSSクラスを使用して、すべての要素にIDを与える必要があります（ただしでし）ではないでしょう。さらに、これらが入力であれば、ルート要素からより効率的にシリアル化できます。