Есть JSON файл, в котором хранятся данные о состоянии устройств. Есть таблица, которая автоматически создается в соответствии с количеством устройств в этом json файле. После создания таблицы мне нужно занести данные из JSON'а в эту таблицу по ячейкам.
JSON файл (devices.json):
{
"index": {
"0": {
"hostname": "test.domain.ru",
"IPadd": "google.com",
"Description": "\u0442\u0435\u0441\u0442",
"past state": "Online",
"currently state": "Online",
"currently time": "16:47:10 16.04.2021"
},
"1": {
"hostname": "test.domain2.ru",
"IPadd": "127.0.0.1",
"Description": "\u0442\u0435\u0441\u04422",
"past state": "Online",
"currently state": "Online",
"currently time": "16:47:10 16.04.2021"
}
}
}
HTML файл (index.html):
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
</head>
<style>
table td
{
padding: 20px;
border: 1px solid black;
}
table th
{
padding: 20px;
border: 1px solid rgb(0, 0, 0);
}
</style>
<body>
<div class="table" , id="devicesTable"></div>
<script>
var tableEl = document.querySelector('#devicesTable')
var NumbersOfDevices = 0
var colsIN = 6
$.getJSON('devices.json', function (devicesData)
{
NumbersOfDevices = Object.keys(devicesData.index).length; //определение, сколько рядов создавать
createTable(tableEl, colsIN, NumbersOfDevices) //создание таблицы
$('table tr').each(function(row){
$(this).find('td').each(function(cell){
$(this).text() //Если я в поле text введу любую строку, то вся таблица заполнится этой строкой
});
});
});
function createTable(Name, cols, rows)
{
//создание таблицы
var table = document.createElement('table');
//создание заголовков колонок таблицы
let thValues = ["№", "Имя Хоста", "IP-адрес", "Состояние т.", "Состояние п.", "Время опроса", "Описание"]
for (i = 0; i< cols; i++)
{
var th = document.createElement('th');
var vth = document.createTextNode(thValues[i]);
th.appendChild(vth)
table.appendChild(th)
}
//создание ячеек таблицы
for (var i = 0; i <= rows; i++)
{
var tr = document.createElement('tr');
for (var j = 0; j < cols; j++)
{
var td = document.createElement('td');
tr.appendChild(td);
}
table.appendChild(tr);
}
Name.appendChild(table);
}
</script>
</body>
</html>
Окончательный вопрос: Как мне нужно написать здесь:
$(this).find('td').each(function(cell){
$(this).text() //Если я в поле text введу любую строку, то вся таблица заполнится этой строкой
});
чтобы перезаписать данные в таблице на те, что в json файле? Напишите, пожалуйста, с объяснением, ибо я пень.