html 修改本地JSON文件
HTML 本身是一种标记语言，不能直接修改本地 JSON 文件。但是，可以使用 JavaScript 通过 AJAX 请求来读取和修改 JSON 文件。
以下是一个简单的示例，演示如何使用 JavaScript 读取和修改本地 JSON 文件：
<!DOCTYPE html>
<html>
<head>
<title>修改本地 JSON 文件</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
// 读取 JSON 文件
$.getJSON('data.json', function(data) {
// 修改 JSON 数据
data.name = 'John';
data.age = 30;
// 写入 JSON 文件
$.ajax({
type: 'POST',
url: 'save.php',
data: {json: JSON.stringify(data)},
success: function() {
alert('JSON 文件已保存！');
},
error: function() {
alert('保存 JSON 文件时出错！');
}
});
});
});
</script>
</head>
<body>
<h1>修改本地 JSON 文件</h1>
</body>
</html>
在上面的示例中，我们使用 jQuery 的 $.getJSON() 方法来读取 data.json 文件，并将其存储在 data 变量中。然后，我们修改了 JSON 数据的某些属性，并使用 jQuery 的 $.ajax() 方法将修改后的 JSON 数据发送到 save.php 文件进行保存。
在 save.php 文件中，我们可以使用 PHP 的 file_put_contents() 函数将 JSON 数据写入到 data.json 文件中：
<?php
if (isset($_POST['json'])) {
$json = $_POST['json'];
file_put_contents('data.json', $json);
}
?>
请注意，这只是一个简单的示例，实际应用中可能需要更复杂的逻辑来读取和修改 JSON 数据。此外，为了安全起见，应该对用户输入的 JSON 数据进行验证和过滤，以防止恶意攻击
原文地址: https://www.cveoy.top/t/topic/eCAQ 著作权归作者所有。请勿转载和采集!