html表单发送json,在HTML表单上发送JSON数据提交

我有一个html表单，该表单有两个字段(名称，说明)。当用户点击该表单的提交按钮时，我想以json格式提交表单数据。在HTML表单上发送JSON数据提交

我试过如下：

function submitData(){

payload.name = $("#project-name").val();

payload.description = $("#project-description").val();

$.post("http://localhost:5000/task-groups/add", payload);

return false;

}

Submitdata点击我的窗体的按钮时被调用。但这是发送表单数据而不是json数据

我有一个python烧瓶服务器正在运行。

[1]当我做：

payload = request.get_json()

name = payload['name']

它抛出以下异常

File "/Users/saik/projects/mturk/server/src/index.py", line 37, in add_task_group

name = payload['name']

TypeError: 'NoneType' object is not subscriptable

[2]然而，我能够访问使用下列服务器端的数据：

name = request.form['name']

是否可以发送表单提交json数据，以便我可以使用[1]

我试图发送表单提交JSON数据的原因是因为我有一台服务器为命令行客户端提供REST API。我想使用相同的服务器和端点来为基于浏览器的客户端提供服务。