### 如何在本地保存和读取JSON文件 #### 使用Python保存和读取JSON文件 为了实现这一目标，可以利用`json`库来处理JSON数据。下面展示的是如何创建一个新的JSON文件并将字典写入其中，以及如何从已有的JSON文件中读取数据。 对于保存操作： ```python import json data_to_save = { "_id": "001", "name": "example" } with open('output.json', 'w') as outfile: json.dump(data_to_save, outfile) ``` 上述代码片段会将名为`data_to_save`的字典序列化成JSON格式字符串，并将其存储到磁盘上的`output.json`文件里[^2]。 当涉及到读取过程时，则采用如下方式： ```python import json json_file_path = 'output.json' try: with open(json_file_path, 'r') as infile: loaded_data = json.load(infile) print(f"_id: {loaded_data['_id']}") print(f"name: {loaded_data['name']}") except FileNotFoundError: print("The specified file does not exist.") except json.JSONDecodeError as err: print(f"There was an error decoding the JSON file: {err.msg}.") ``` 这段脚本尝试打开之前创建过的`output.json`文件，解析其内容至一个新变量`loaded_data`之中；如果遇到任何错误——比如找不到指定路径下的文件或是无法正确解释JSON结构——则相应地给出提示信息。 #### 利用HTML与JavaScript保存和读取JSON文件 除了服务器端编程语言外，在客户端也可以借助浏览器内置的功能完成同样的任务。这里介绍一种基于Blob对象的方法来进行下载动作，而获取远程资源可依赖于XMLHttpRequest或Fetch API。 要实现在前端页面上触发下载链接以保存JSON文档，可以用这样的方法构建函数： ```javascript function download(filename, text) { var element = document.createElement('a'); element.setAttribute('href', 'data:text/json;charset=utf-8,' + encodeURIComponent(text)); element.setAttribute('download', filename); element.style.display = 'none'; document.body.appendChild(element); element.click(); document.body.removeChild(element); } ``` 调用此功能只需传递两个参数即可：一个是期望得到的名字加上`.json`扩展名作为第一个参数传入；另一个是要被写出的数据串形式表示第二个参数。例如： ```javascript var dataToSave = {"_id": "001", "name": "example"}; download('myData.json', JSON.stringify(dataToSave)); ``` 至于读取部分，可以通过AJAX请求轻松达成目的。考虑到现代Web开发的趋势，推荐使用fetch代替传统的xhr接口。以下是具体的例子说明怎样发起GET请求去取得远端位置存放着的目标文件的内容并转化为JS可用的对象实例： ```javascript fetch('/path/to/file') .then(response => response.json()) .then(function (data) { console.log(`_id: ${data._id}`); console.log(`name: ${data.name}`); }) .catch((error) => { console.error('There has been a problem with your fetch operation:', error); }); ``` 以上就是关于如何在不同环境下保存和读取JSON文件的一些基本指导[^1]。