Fetch - JavaScript, Ajax

Parallelogram · 07.09.2023, 02:55

Здравствуйте.

Вопрос. Я хочу в <head> с помощью fetch получить данный и вывести их, а перед </body> вывести просто текст, то как мне это сделать в правильной последовательности?
Выводится:
'end'
'start'

Должно быть:
'start'
'end'

Код:

...
<script>
(async() => {
    let jsn = await (await fetch(`json.json`)).json();
    console.log('start', jsn);
})();
</script>
</head>
....
<script>
    console.log('end');</script>
</body>

Parallelogram · 07.09.2023, 03:15

Интернет советует так:

Код:

async function fetchData() {
    let jsn = await (await fetch(`json.json`)).json();
    console.log('start', jsn);
}

document.addEventListener('DOMContentLoaded', () => {
    fetchData().then(() => {
        console.log('end');
    });
});

Если у меня все данные зависят от первого fetch, то весь код нужно расположить внутри fetchData().then?

07.09.2023, 02:55	#1
Parallelogram Недотепа Форумчанин Регистрация: 18.01.2011 Сообщений: 174	Fetch Здравствуйте. Вопрос. Я хочу в <head> с помощью fetch получить данный и вывести их, а перед </body> вывести просто текст, то как мне это сделать в правильной последовательности? Выводится: 'end' 'start' Должно быть: 'start' 'end' Код: ... <script> (async() => { let jsn = await (await fetch(`json.json`)).json(); console.log('start', jsn); })(); </script> </head> .... <script> console.log('end');</script> </body>

07.09.2023, 03:15	#2
Parallelogram Недотепа Форумчанин Регистрация: 18.01.2011 Сообщений: 174	Интернет советует так: Код: async function fetchData() { let jsn = await (await fetch(`json.json`)).json(); console.log('start', jsn); } document.addEventListener('DOMContentLoaded', () => { fetchData().then(() => { console.log('end'); }); }); Если у меня все данные зависят от первого fetch, то весь код нужно расположить внутри fetchData().then?

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Не понимаю почему не работает FETCH	Antwerpen	JavaScript, Ajax	0	23.08.2022 19:03
fetch async	Parallelogram	JavaScript, Ajax	1	22.01.2022 14:17
React + Electron, content security policy блокирует fetch запросы из компонента React к сторонним api	vv_tomilin	JavaScript, Ajax	0	29.10.2021 17:49
database is locked Unable to fetch row SQLite	Lindemann66	Qt и кроссплатформенное программирование С/С++	1	07.10.2011 15:59