Question

＆lt; p＆gt;大家好，这是一个混合包，无论是问题还是只是指向正确的方向。我正在研究一个项目，我知道，也许（最有可能）是因为缺乏知识。所以这里是：＆lt; / p＆gt; ＆lt; p＆gt;我的网络服务器上有一个JSON文件，我的HTML网站上有4个textarea标签用不同的值填充...＆lt; / p＆gt; ＆lt; p＆gt;因此该网站中的texarea正在使用我在服务器上的以下JSON文件中的数据，并且会在点击该用户时显示：＆lt; / p＆gt; ＆LT;预＆GT;＆LT;代码＆GT; { ＆＃34;打印机＆＃34; ：[ ＆＃34; PRINTER 1＆＃34;，＆＃34; PRINTER 2＆＃34;，＆＃34;打印3＆＃34;，＆＃34;打印机4＆＃34;，＆＃34;打印机5＆＃34; ] ＆＃34;驱动器＆＃34; ：[ ＆＃34;驾驶1＆＃34;，＆＃34; DRIVE 2＆＃34;，＆＃34; DRIVE 3＆＃34;，＆＃34; DRIVE 4＆＃34;，＆＃34; DRIVE 5＆＃34; ] ＆＃34;烫发＆＃34; ：[ ＆＃34; PERM 1＆＃34;，＆＃34; PERM 2＆＃34;，＆＃34; PERM 3＆＃34;，＆＃34; PERM 4＆＃34;，＆＃34; PERM 5＆＃34; ] ＆＃34;链接＆＃34; ：[ ＆＃34; LINK 1＆＃34;，＆＃34; LINK 2＆＃34;，＆＃34; LINK 3＆＃34;，＆＃34; LINK 4＆＃34;，＆＃34; LINK 5＆＃34; ] } ＆LT; /代码＆GT;＆LT; /预＆GT; ＆lt; p＆gt;到目前为止，我可以做得很好。问题来了......＆lt; / p＆gt; ＆lt; p＆gt;如何使用“保存更改”按钮保存用户所做的更改＆＃39;完成数据回到服务器上的JSON文件，保持与网站其他部分相关的原始结构？＆LT; / p为H. ＆lt; p＆gt;你会如何处理这种情况？＆LT; / p为H. ＆lt; p＆gt;我需要学习/研究什么？：）LT; / p为H. ＆lt; p＆gt;如果重复，请指出正确的方向，我们将不胜感激。＆lt; / p＆gt; ＆lt; p＆gt;提前致谢＆lt; / p＆gt; ＆lt; p＆gt; PS：如果需要，可以提供当前的javascript代码。＆lt; / p＆gt;

Answer 1

没有看到你的代码很难，但我想你会想做这样的事情。这假定每个文本区域都有一个映射到您的对象的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

Answer 2

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

从客户端，您需要从每个textarea获取值，将它们在换行符上拆分为数组并创建您的JSON结构。然后，您可以向api端点发送ajax帖子。

将<textarea>数据获取到服务器上的JSON文件？

2 个答案: