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