Как прочитать файл json в нашей папке и поместить его в html
У меня есть json-файл в моей папке, и я уже установил http-serve для локального запуска, но на моем консольном хроме ничего не отображается для получения данных json, есть идеи ??
вот мой javascript, чтобы вызвать его и показать в моем инструменте html и разработчиков
async function bestFetch() {
try {
const first = fetch('./data.json');
let json = await first_name.json();
console.info(first);
}
catch(e) {
console.info('Error!', e);
}
}
это может вам помочь: stackoverflow.com/questions/51070032/…
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Если ваш файл находится на том же пути, что и ваш HTML-файл, вы можете вызвать «./data.json», и когда для получения обещания будет возвращено, его необходимо преобразовать в json, преобразовать ваш ответ и добавить в ваш HTML-код, выбрав ваш элемент " demo" и добавьте в .innerHTml.
fetch('./data.json').then(response => {
return response.json();
}).then(data => {
document.getElementById("demo").innerHTML = data;
console.info(data);
}).catch(err => {
// Do something for an error here
});
https://developer.mozilla.org/en-US/docs/Web/API/Fetch_APIhttps://www.w3schools.com/js/js_output.asp
Я пробовал это, но все еще не могу показать это в своем инструменте разработки console.info.
вы пытались использовать alert вместо console.info, только чтобы убедиться, что вы получаете данные? как предупреждение (данные);
Функция fetch является асинхронной, что означает, что код не ждет завершения выборки, прежде чем перейти к следующей строке. Имея это в виду, убедитесь, что ваш код ожидает выборки, прежде чем получать json и записывать его в консоль:
async function bestFetch() {
try {
const first = await fetch('./data.json'); //<-- wait for the fetch to finish and return the resolved value.
let json = await first.json(); //<-- use the const first, not first_name
console.info(first);
}
catch(e) {
console.info('Error!', e);
}
}
Я пробовал это, но все еще не могу показать это в своем инструменте разработки console.info.
@poppop Вы уверены, что data.json является правильным файлом данных и загружается?
Это нодейс?