如何使用 JavaScript 修改本地 JSON 文件

HTML 本身无法修改本地文件 JSON，因为它是一种标记语言，主要用于描述页面结构和内容，而不是处理数据。要修改本地文件 JSON，需要使用 JavaScript 或其他后端语言，例如 PHP 或 Python 等。

使用 JavaScript 修改本地 JSON 文件

以下是一个使用 JavaScript 修改本地文件 JSON 的示例：

<!DOCTYPE html>
<html>
<head>
	<title>修改本地文件 JSON</title>
	<script>
		// 读取本地文件 JSON
		function readJSON() {
			var xhr = new XMLHttpRequest();
			xhr.open('GET', 'data.json', true);
			xhr.onload = function() {
				if (xhr.status === 200) {
					var data = JSON.parse(xhr.responseText);
					console.log(data);
					// 修改 JSON 数据
					data.name = 'John';
					data.age = 30;
					// 将修改后的 JSON 数据写入本地文件
					writeJSON(data);
				}
			};
			xhr.send();
		}
		// 写入本地文件 JSON
		function writeJSON(data) {
			var xhr = new XMLHttpRequest();
			xhr.open('POST', 'save.php', true);
			xhr.setRequestHeader('Content-Type', 'application/json');
			xhr.onload = function() {
				if (xhr.status === 200) {
					console.log(xhr.responseText);
				}
			};
			xhr.send(JSON.stringify(data));
		}
	</script>
</head>
<body>
	<button onclick="readJSON()">读取 JSON</button>
</body>
</html>

在这个示例中，我们使用 XMLHttpRequest 对象读取本地文件 JSON，并将其解析为 JavaScript 对象。然后，我们修改了 JSON 数据，并使用 XMLHttpRequest 对象将修改后的 JSON 数据写入本地文件。

在这个例子中，我们使用了一个名为 save.php 的后端脚本来处理写入文件的请求。该脚本将接收 JSON 数据并将其写入文件。

总结

本文介绍了使用 JavaScript 修改本地 JSON 文件的方法。通过 XMLHttpRequest 对象，我们可以读取、修改和写入本地 JSON 文件，并使用后端脚本处理写入文件请求。