Eine schnellere Möglichkeit, viele Werte zu aktualisieren

Question

Im Aktualisieren vieler Felder mit Ajax. Mein Server erhält eine Zeile von der Datenbank, dann bin ich JSON, der die Zeile codiert und diese als mein xmlhttp.responseText sendet.

Der Antworttext ist von der Form

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

im Browser ich JSON den Antworttext dann analysieren und beginne dann den langen Prozess die Werte der Aktualisierung wie folgt:

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 

Da der Die Element-ID stimmt mit den Spaltennamen überein, obwohl es eine Möglichkeit gibt, mein JavaScript-Objekt zu durchlaufen und alle meine Werte zu setzen. Irgendwelche Ideen?

Answer 1

Die Lösung mit Object.keys und Array.forEach Funktionen:

var obj = JSON.parse(info); 

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

Answer 2

Dieser Code sollte über Ihr Json-Objekt iterieren und die Werte aktualisieren.

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