JavaScript/HTML: показать таблицу из данных JSON, хранящихся в Littlefs (ESP32) [Закрыто] ⇐ Html

[Anonymous]

Я пытаюсь показать таблицу в HTML из файла JSON, хранящегося в Littlefs в микроконтроллере ESP32. < /p>
Этот файл (с именем log.txt in littlefs) обновляется из RFID-рутины или вручную от /Manage-users, и эта функция работает. (Arduinojson.h) и структура: < /p>
[
{
"room": 302,
"uid": "AAAAAAAA",
"guest": 2,
"hour": "20/05/25 10:45"
},
{
"room": 203,
"uid": "BBBBBBBB",
"guest": 1,
"hour": "05/12/91 10:25"
}
]
< /code>
Я пытаюсь показать его в таблице HTML с JavaScript, но я с треском сбоя, данные поступают из: < /p>
server.on("/view-log", HTTP_GET, [](AsyncWebServerRequest* request) {
request->send(LittleFS, "/log.txt", "text/plain", false);
});
< /code>
Это обслуживается из библиотеки espasyncwebserver.h, HTML -код: < /p>






ESP WEBSERVER
[*]




User Management

• full log
• Add user
• Manage users

Full access log



Room
Uid
Guest
hour








DELETE log.txt


async function loadTableData(){
try{
const response = await fetch('view-log');
const data = await reponse.text();
var table = document.getElementById('data-output')
for (var i = 0; i < data.length; i++){
var row = `
${data.room}
${data.uid}
${data.guest}
${data.hour}
`
tab.innerHTML += row
}
} catch (error) {
console.error('Error loading log data:', error);
}
}
loadTableData();



< /code>
В консоли браузера я получаю ошибку < /p>
(index):58 Error loading log data: ReferenceError: reponse is not defined at loadTableData ((index):46:18)
< /code>
Наверное, для того, как я подаю данные с скриптом, но я полностью нуб с JavaScript, поэтому я вынужден попросить о помощи здесь.
К настоящему времени я кормил таблицу только в HTML -коде, но он не подходит для расширения веб -сайта, поэтому я хочу связаться с решением Javascript для этого вида проблемы.>

Подробнее здесь: https://stackoverflow.com/questions/796 ... lefs-esp32