多くの値を素早く更新する方法

Question

ajaxを使って多くのフィールドを更新しています。私のサーバーはデータベースから行を取得しています。次にJSONが行をエンコードしていて、これをxmlhttp.responseTextとして送信しています。同様

var obj = JSON.parse(info); 
      document.getElementById("JobCardNum").value = obj.JobCardNum; 
      document.getElementById("IssueTo").value = obj.IssueTo; 
      document.getElementById("MachineShop").value = obj.MachineShop; 
....... lots of similar statements 

：

応答テキストは、私はその後、JSONは、応答テキストを解析し、そうような値を更新する長いプロセスを開始するブラウザで

{"JobCardNum":5063,"IssueTo":"MachineShop","Priority":"High" ...lots of data} 

形態であります要素IDは列名と一致しますが、JavaScriptオブジェクトをループしてすべての値を設定する方法があります。何か案は？

Answer 1

Object.keysとArray.forEach機能を使用してソリューション：

var obj = JSON.parse(info); 

Object.keys(obj).forEach(function(id){ 
    var el = document.getElementById(id); 
    if (el) el.value = obj[id]; 
}); 

Answer 2

このコードは、jsonオブジェクトを反復処理して値を更新する必要があります。

for (var key in p) { 
    if (p.hasOwnProperty(key)) { 
    var el = document.getElementById(key); 
    if(el) el.value = p[key]; 
    } 
}