Javascript 如何将p5.js草图中的变量值插入MySQL数据库？

我在p5.js中制作了一个草图，用户可以通过创建形状、在屏幕上拖动形状以及控制滑块等方式进行操作。我想知道是否有办法将形状的x和y坐标、高度和宽度以及滚动条的位置等信息插入MySQL中的数据库，这样我就可以创建一个功能齐全的站点，用户可以在其中创建草图、保存和修改它们

---

我尝试过使用JSON文件，但我意识到我无法使用p5.js修改JSON文件，因此用户将无法修改其草图并保存更改。我也在网上搜索过这个问题的解决方案，但似乎什么都没有找到。

要与数据库交互，需要运行服务器端代码

您的P5.js草图（即客户端代码）将向您的服务器发送请求，并且您的服务器将数据存储在数据库中

有很多方法可以编写服务器代码，在这里列出它们是不可行的。相反，我建议您从尝试几个不同的选项开始：列出了PHP，但也有Java服务器（使用JavaEE）和JavaScript服务器（使用node.js）

无耻的自我推销：

• 是一个关于客户机-服务器通信的教程，特别是JavaScript和Javaservlet
• 是一个包含P5.js草图的repo，该草图将数据存储在数据存储中

将JSON发送到中间脚本的一种可能方式，例如使用PHP。这会写入数据库。您可以使用AJAX进行通信。您还可以通过AJAX调用PHP中的脚本，该脚本将读取数据库并创建新的JSON字符串，然后将其发送回浏览器