& lt; textarea>将数据转换为服务器上的JSON文件

Get <textarea> data to JSON file on the server?

本文关键字：服务器 JSON 文件 数据 lt textarea 转换      更新时间：2023-09-26

嗨，伙计们，这更像是一个混合包，要么是问题，要么只是指给我正确的方向。我正在做一个项目，我知道我遇到了瓶颈，也许(最有可能的)是因为缺乏知识。这里是:

我在我的web服务器上有一个JSON文件，其中数据我在我的HTML网站上用不同的值填充4个textarea标签…

该站点的textarea使用以下JSON文件中的数据我在服务器上有并将在点击时显示给用户:

{
"printers" : [ 
            "PRINTER 1",
            "PRINTER 2",
            "PRINTER 3",
            "PRINTER 4",
            "PRINTER 5" 
            ],
"drives" : [
            "DRIVE 1",
            "DRIVE 2",
            "DRIVE 3",
            "DRIVE 4",
            "DRIVE 5"
            ],
"perms" : [
            "PERM 1",
            "PERM 2",
            "PERM 3",
            "PERM 4",
            "PERM 5" 
            ],
"links" : [  
            "LINK 1",
            "LINK 2",
            "LINK 3",
            "LINK 4",
            "LINK 5"
            ]
}

到目前为止，我还能做得很好。现在问题来了……

我如何保存更改用户使用"保存更改按钮"做的数据返回到服务器上的JSON文件保持相同的原始结构，因为它与网站的其他部分相关?

你如何处理这种情况?

我需要学习/研究什么?:)

如果副本，请指出正确的方向，将不胜感激。

Thanks in advance

PS:如果需要，可以提供当前javascript代码

不看代码很难，但我假设您想要这样做。这里假设每个文本区域都有一个映射到对象的id。

function getResults() {
    var keys = ['printers', 'drives', 'perms', 'links'];
    return keys.reduce(function(result, key) {
        var text = document.getElementById(key).value;
        result[key] = text.split(''n');
        return result;
    }, {})
}
onClick -> getResults() -> Post to server

您需要使用服务器堆栈创建一个api端点，该端点将接受您想要的格式的json。然后，该端点可以写入您的json文件。

从客户端，您需要从每个文本区域获取值，将它们以换行符分隔成数组并创建JSON结构。然后，您可以向api端点发送ajax post。

相关文章：