如何在 HTML 中保存 JSON 数据

HTML 节点本身不支持保存 JSON 数据，因为 HTML 节点只是用来展示页面内容的，它没有存储数据的能力。

但是，你可以通过 JavaScript 来将 JSON 数据保存到浏览器的本地存储或者通过 Ajax 请求将 JSON 数据保存到服务器端的数据库中。

下面是一些示例代码：

保存 JSON 到本地存储：

// 将 JSON 数据转换成字符串
var jsonData = {name: 'John', age: 30};
var jsonString = JSON.stringify(jsonData);

// 将 JSON 字符串保存到本地存储
localStorage.setItem('myData', jsonString);

// 从本地存储中获取 JSON 字符串并转换成 JSON 数据
var storedData = localStorage.getItem('myData');
var parsedData = JSON.parse(storedData);

通过 Ajax 请求将 JSON 保存到服务器端：

// 发送 POST 请求将 JSON 数据保存到服务器端
var jsonData = {name: 'John', age: 30};
$.ajax({
    url: '/saveData',
    type: 'POST',
    data: JSON.stringify(jsonData),
    contentType: 'application/json',
    success: function(response) {
        console.log('Data saved successfully');
    },
    error: function(xhr, status, error) {
        console.error(error);
    }
});

服务器端代码示例（使用 Node.js 和 Express 框架）：

// 处理 POST 请求并将 JSON 数据保存到数据库中
app.post('/saveData', function(req, res) {
    var jsonData = req.body;
    // 将 JSON 数据保存到数据库中
    // ...
    res.send('Data saved successfully');
});