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

标签 javascript

正如标题所说。我有下面的 JavaScript 代码,它从网络服务器获取文件。我的问题是我希望用户访问/加载 <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 针对离线应用的 Service Worker 的文档: https://developers.google.com/web/fundamentals/codelabs/offline/

关于Javascript - 如何下载 JSON/AJAX 文件并离线访问它,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52539023/

相关文章:

javascript - 使用 Bootstrap 创建一个在 AngularJS 中显示模式的按钮

javascript - Jquery:如何从新复选框获取值

javascript - Angular 5 服务读取本地 .json 文件

javascript - Bootstrap 4突出显示导航栏事件

javascript - 最后的 'SetItem'不保存,刷新页面时清除

javascript - 选中单选按钮之一时启用表单字段,取消选中时禁用字段

javascript - 如何在jQgrid中添加动态下拉值?

javascript - 单击隐藏按钮以显示通知文本,然后 5 秒后再次隐藏文本并重新显示按钮

javascript - 如何获取 img id 以根据点击分享或喜欢或评论动态构建 IMG 标签

javascript - Highcharts 使用 Dom 控制基本 DrillDown