在移动测验应用程序的html中预加载50个问题的最佳方法？

Question

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

如果用户失去了无线网络和互联网接入，我希望他们能够 当他们重新获得wifi / 3-4g访问时按下提交按钮。

Answer 1

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

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

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

Answer 2

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

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

一个简单的模型（不完全正常）：

http://jsfiddle.net/lucuma/naMg5/