Javascript - 如何下载 JSON/AJAX 文件并离线访问



正如标题所说。我在下面有以下用于javascript的代码,它从Web服务器获取文件。我的问题是我希望用户访问/加载标签<script>JSON 并使其可供离线使用?例如,如果用户不上网,<script>仍然会获取文件。有什么办法可以实现吗?

<!DOCTYPE html>
<html>
<body>
<h2>Convert a JavaScript object into a JSON string, and send it to the server.</h2>
<script>
var myObj = { name: "John", age: 31, city: "New York" };
var myJSON = JSON.stringify(myObj);
window.location = "demo_json.php?x=" + myJSON;
</script>
</body>
</html>

您可以将数据保存到 localStorage 或 indexDB 中,如果用户使用的是较新的浏览器,这将正常工作。

您可以做的另一件事是创建一个将缓存数据的服务工作进程。

您可以在此处查看 Google 针对离线应用服务工作者的文档: https://developers.google.com/web/fundamentals/codelabs/offline/

最新更新