Отображение информации из массивов php в html ⇐ Javascript

[Anonymous]

У меня есть веб-сервер Apache и плагин для браузера. Плагин проверяет, с какого веб-сайта что-то загружается, и проверяет, загружается ли оно с определенного домена. Если это так, он получает некоторые данные на мой сервер, например имя пользователя, идентификатор пользователя, время, оставшееся для загрузки, статус (загрузка), и я использую регулярное выражение для извлечения числа из домена, которое также будет перенесено на сервер. На сервере я получаю данные и проверяю, есть ли номер в моем списке устройств, в противном случае он добавляется. Теперь я хочу показать загрузки, которые активны для каждого устройства, в моем html-файле, и я не уверен, как использовать их в моем теге в index.html, потому что в php-файле мне нужно защитить все загрузки на данный момент, а в моем html я хочу отображать загрузки. Вот мой HTML-код, который используется для отображения устройств, статуса и т. д.:

Обратите внимание, что большинство этих переменных используются неправильно, поэтому я спрашиваю, извините, если он не отформатирован правильно, он находится внутри моего кода, но по какой-то причине, если я вставлю его, это не так





Gerät
Status
Info



const Data_file = "api/received.json";
const refreshInterval = 999;
let firstLoad = true;

async function loadData() {
try {
const response = await fetch(`${Data_file}?_=${Date.now()}`);
const devices = (await (await fetch(devicesFile + "?_=" + Date.now())).json()).JsonDevices;

devices.forEach(device => {

const row = document.createElement("div");
row.className = "row align-items-center border-bottom py-2";

// Spalte 1: Gerätenummer
const colDevice = document.createElement("div");
colDevice.className = "col-1";
colDevice.textContent = device;

//Icon zum kopieren der Seriennummer und Softwareversion
const colIcon = document.createElement("div");
colDevice.className = "col-1";
colDevice.textContent = device;

//Status frei/besetzt kommt später!!!
const colStatus = document.createElement("div");
colDevice.className = "col-2";
//colDevice.textContent = device;

//Download aktiv ja oder nein? Mit Icons arbeiten
const colDownloadActive = document.createElement("div");
colDevice.className = "col-2";
colDevice.textContent = device;
if (downloadActive = true) {
colStatus.innerHTML =
'

';
'< span class="text-danger" >Download aktiv ';
} else {
colStatus.innerHTML =
'

';
'< span class="text-danger" >keine Downloads ';
}

//Wer lädt herunter über Token
const colDownloadFrom = document.createElement("div");
colDevice.className = "col-3 ";
colDevice.textContent = device;

//Wie Lange geht der download noch
const colDownloadDuration = document.createElement("div");
colDevice.className = "col-2";
colDevice.textContent = device;

//Anzahl der Downloads
const colNumberofDownloads = document.createElement("div");
colDevice.className = "col-1";
colDevice.textContent = device;

});

if (!response.ok) throw new Error(`HTTP ${response.status}`);
const data = await response.json();
document.getElementById("output").textContent = JSON.stringify(data, null, 2);
firstLoad = false;
} catch (error) {
console.error(error);
if (firstLoad) {
document.getElementById("output").textContent = "Error" + error;

}
}
}
setInterval(loadData, refreshInterval);
loadData();

const devices = api;






Это мой php-файл:


Подробнее здесь: https://stackoverflow.com/questions/798 ... ys-in-html