如何檢查 JSON 文件是否已加載

Question

我正在將一個大的 JSON 文件加載到一個 javascript 函數中。

這個 JSON 文件很大（123MB），所以加載速度很慢（~10 秒）。

有什么方法可以找到加載此文件的時間嗎？

我試過document.readyState === 'complete'但它在加載整個 JSON 文件之前返回 true。

這是我調用此 JSON 文件的函數：

if (screen && screen.width > 990) {
    const app = new SpeRuntime.Application();
    app.start('./scene.json');
}

有任何想法嗎？

Answer 1

從這個來源：

demo = {
  var dom = html`
<div style="width:100%;height:400px;">
  <canvas id="canvas3d" style="width:100%;height:100%;"></canvas>
</div>
`;
  //yield dom;
  const app = new SpeRuntime.Application();
  app.start(await FileAttachment("scene.json").url());
  setTimeout(() => {
    //no on finish call back?
    app._renderer.setSize(400, 400);
  }, 1000);
  return dom;
}

他們提供了一種在顯示圖片之前等待 json 加載的方法。 我花了不到 30 秒的時間就用谷歌找到了它......