如何从AngularJS客户端发送JSON到后端

Question

我试图做一个有角度的表格，将答案作为json发送到mysql数据库。我正在使用Django后端和gcloud mysql。这种实施方式或指南/文档链接的项目提示吗？

当前，要创建帐户（添加到mysql），直接在运行该应用程序的容器上运行shell脚本。

Answer 1

您可以使用浏览器标准的Fetch API与后端进行通信。从Mozilla指南开始：https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch。

然后缺少的部分是如何以JSON格式收集表单数据。也许Angular（或其他框架）有一个可以处理表单的库，但是标准的vanilla-js方法是：

1. 为表单的“ submit”事件附加事件监听器。
2. 在事件侦听器内部，使用表单（事件的目标）创建FormData对象的实例。 const formData = new FormData(submitEvent.target);
3. 将创建的FormData实例转换为对象，该对象可以通过FetchAPI作为JSON发送：Object.fromEntries(formData);

您可以在此处找到表单处理的示例：https://developer.mozilla.org/en-US/docs/Learn/Forms/Sending_forms_through_JavaScript

但是，

JSON不是唯一的选择。 Django应该知道如何解析多部分表单数据或url编码的表单数据。因此，当您拿到FormData对象时-您可以选择发送的格式。后端接受任何格式。