javascript - 在 html 中为移动测验应用程序预加载 50 个问题的最佳方式是什么？

Question

在 html 中为移动测验应用程序预加载 50 个测验类型问题的最简单和最简单的方法是什么？

如果用户失去 wifi 和互联网访问权限，我希望他们能够在重新获得 wifi/3-4g 访问权限时按下提交按钮。

score 3 · Accepted Answer

我会通过将问题作为 Javascript 对象包含在网页中来预加载问题。

var questions = [
  {"q": "Why did the Chicken cross the road"},
  {a: [
        "It was bored",
         "It was following the goat."
      ]
  }
}

您可以使用 AJAX 提交答案。如果出错，请使用localstorage保存答案。使用每隔几秒钟.setTimeout()唤醒一次，看看提交是否有效。

score 1 · Accepted Answer

可能更简单的方法是将所有问题放在页面上（在 html 中），然后当您的用户浏览它们时，您可以根据需要隐藏和显示它们。当用户提交时，如果失败，可以放置一个等待图标，并通过 setTimeout 继续尝试。正如杰里米指出的那样，如果窗口关闭，您还可以将答案存储在本地存储中。

对你来说最好的答案真的取决于你的整体架构，但你不必使用 javascript 或 json 来加载所有问题，具体取决于你的技术水平。

一个简单的模型（不完全功能）：

2 回答 2