Long story short, I'll show the code.
some.html
<html><script src="some.js"></script></html>
some.js
window.onload = () => console.log( "onload" );
(async (url, cb) => cb( await ( await fetch(url) ).json() ))
( "some.json", () => console.log( "in async" ) );
and some.html outputs:
onload
in async
I've done some works e.g. image loading in real fetch, so fetch().then() doesn't work for me.
Now my question is as title says, how can I let "onload" waiting for "fetch" plete?
Long story short, I'll show the code.
some.html
<html><script src="some.js"></script></html>
some.js
window.onload = () => console.log( "onload" );
(async (url, cb) => cb( await ( await fetch(url) ).json() ))
( "some.json", () => console.log( "in async" ) );
and some.html outputs:
onload
in async
I've done some works e.g. image loading in real fetch, so fetch().then() doesn't work for me.
Now my question is as title says, how can I let "onload" waiting for "fetch" plete?
Share Improve this question asked Sep 14, 2019 at 12:52 NotUser9123NotUser9123 1431 gold badge1 silver badge9 bronze badges 5-
Why does not
fetch().then()work for 'you'? – Markus Zeller Commented Sep 14, 2019 at 12:55 -
window.onload = () => console.log( "onload" );. that sets the onload handler function ... the rest is pletely separate code – Jaromanda X Commented Sep 14, 2019 at 12:56 -
@MarkusZeller because I need to do some job after e.g. images loading plete, can
thencatch this? – NotUser9123 Commented Sep 14, 2019 at 13:04 - how about something like pastebin./8jT4yPNL – Jaromanda X Commented Sep 14, 2019 at 13:04
- @JaromandaX Cool thing! Would you please just write same text as an answer ? – NotUser9123 Commented Sep 14, 2019 at 13:07
1 Answer
Reset to default 10What I think you are trying to achieve is the fetch starts before window.onload, but onload needs to wait for the fetch before doing anything else ...
const promiseOfSomeData = fetch("some.json").then(r=>r.json()).then(data => {
console.log('in async');
return data;
});
window.onload = async () => {
let someData = await promiseOfSomeJsonData;
console.log("onload");
};