Всем привет! Есть файл JSON (можно его изменить для решения задачи). В нем содержатся настройки и данные для автоматического заполнения форм. ID и Имя формы берутся из scID и csName соответственно. В locAct находится массив с переменным количеством элементов. Количество remDevX со своими массивами тоже может быть разным. Каждый объект это так сказать законченый блок с данными, принадлежащими только форме с ID=scID, собственно вопрос:
- Как работать с одним объектом json (данные заключенные между {...} ) и только с него брать данные?
- Как брать данные с массива в этом объекте?
- Как потом переходить к другому объекту и работать с данными только в нем?
function loadScpts(){ // загрузка сценариев
document.getElementById('parentScripts').innerHTML = ''; // Очищаем поле для сценариев
var xhttp = createXmlHttpObject(); // Создаем объект
xhttp.open('GET','/scpt.json?'+Math.floor(Math.random()*10000),true); xhttp.send(null); // читаем файл scpt.json
xhttp.onload = function(e){
var scpt = JSON.parse(xhttp.responseText); // Полученные данные записывает в переменную scpt
for(var key in scpt){readScpt(scpt[key]);}
}
load();
}
function readScpt(object){
var jsonData = object;
console.log(jsonData);
var divScpt = document.createElement("div");
divScpt.id = "scID"+jsonData.scID;
divScpt.innerHTML =
"<fieldset><legend>"+jsonData.scName+"</legend>"+
"<table><tbody id=\"scTabl"+cntSc+"\">"+
"<tr><td colspan=\"2\"><select class=\"select w100\"></select></td></tr>"+
"<tr id=\"scDev"+cntDev+"\">"+
"<td><select class=\"select w100\"><option>RemDev</option></select></td>"+
"<td id=\"itAct"+cntAct+"\"><div id=\"act"+Act+"\"><select class=\"select w85\"><option>"+Act+"</option></select><input class=\"btn w15\" onclick=\"return addAct("+cntAct+")\" type=\"button\" value=\"+\"></div></td>"+
"</tr>"+
"</tbody></table>"+
"<input value=\"{{LangAddDev}}\" class=\"btn w85\" onclick=\"return addDev("+cntSc+")\" type=\"button\">"+
"<input value=\"{{LangDel}}\" class=\"btn w45\" onclick=\"return delEl(this)\" type=\"button\">  "+
"<input value=\"{{LangSave}}\" class=\"btn w45\" onclick=\"return saveScpt("+divScpt.id+")\" type=\"button\"></fieldset>";
document.getElementById("parentScripts").appendChild(divScpt);
load();
return false;
}
var data = JSON.parse(json)
. Остальная часть вашей задачи либо некорректно сформулирована, либо слишком широкая. Существует миллион и один способ отобразить данные объекта в GUI форму.for in
в вопрос.addScpt
:addScpt(scpt[key]);