html 修改本地JSON
HTML不能直接修改本地JSON文件，因为HTML是一种标记语言，只能用于展示内容。如果需要修改本地JSON文件，需要使用编程语言，例如JavaScript、Python等。
以下是使用JavaScript修改本地JSON文件的示例代码：
<!DOCTYPE html>
<html>
<head>
<title>修改本地JSON文件</title>
</head>
<body>
<h1>修改本地JSON文件</h1>
<button onclick="modifyJSON()">修改JSON</button>
<script>
function modifyJSON() {
// 读取本地JSON文件
var xhr = new XMLHttpRequest();
xhr.open('GET', 'data.json', true);
xhr.onload = function() {
if (xhr.status === 200) {
// 解析JSON数据
var data = JSON.parse(xhr.responseText);
// 修改JSON数据
data.name = 'Alice';
data.age = 20;
// 将修改后的JSON数据写回本地文件
var file = new Blob([JSON.stringify(data)], {type: 'application/json'});
var a = document.createElement('a');
a.href = URL.createObjectURL(file);
a.download = 'data.json';
a.click();
}
};
xhr.send();
}
</script>
</body>
</html>
在上述代码中，使用XMLHttpRequest对象读取本地JSON文件，然后使用JSON.parse()方法解析JSON数据，修改JSON数据后，使用Blob对象将修改后的JSON数据写回本地文件，最后使用a标签的download属性下载修改后的JSON文件
原文地址: https://www.cveoy.top/t/topic/eB0y 著作权归作者所有。请勿转载和采集!