admin管理员组

文章数量:1343329

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?

  • javascript
  • asynchronous
  • fetch
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 then catch 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
Add a ment  | 

1 Answer 1

Reset to default 10

What 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");
};

本文标签： javascriptHow can I make quotonloadquot waiting for quotfetchquot completeStack Overflow

版权声明：本文标题：javascript - How can I make &quot;onload&quot; waiting for &quot;fetch&quot; complete? - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1743695655a2523458.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。