Javascript doesnt wait to read json file

Question

I want to read a json file but when I use await it seems to not wait for the file to get into the var

I have this code:

var webshopItems;
window.addEventListener('load', Initieer);

function Initieer() {
      ReadJSON();
      console.log(webshopItems[0].Name)
};

const ReadJSON = () => {
  let path = 'js/webshopItems.json';
  (async () => {
        webshopItems = await(GetJSON(path));
  })()
}

const GetJSON = async (file) => {
    let response = await fetch(file);
    let data = await response.json();
    return data;
}

So when I try this code webshopItems is undefined when i try to get the name. The name is correct because if i debug at somepoint it will get loaded just not in time.

Paul · Accepted Answer · 2020-05-14 12:15:08Z

1

It's not working because you're not waiting for the response.

var webshopItems;
window.addEventListener('load', Initieer);

async function Initieer() {
      await ReadJSON();
      console.log(webshopItems[0].Name)
};

const ReadJSON = async () => {
  let path = 'js/webshopItems.json';
  webshopItems = await(GetJSON(path));
}

const GetJSON = async (file) => {
    let response = await fetch(file);
    let data = await response.json();
    return data;
}

edited May 14, 2020 at 12:15

answered May 14, 2020 at 12:14

Paul

2,0761 gold badge10 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

wannes jacobus Over a year ago

just for clarification because i didnt see it the first time: ReadJSON the inner async is removed and readjson() is now an async

Collectives™ on Stack Overflow

Javascript doesnt wait to read json file

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related