2

我目前正在学习 Flask。

我的 HTML 中有多个表单,我想将表单数据发送到 Flask 中的后端。我已经成功地从一个表单中发送了数据,但是我无法让它一次提交多个表单。

这是我获取表单数据并附加每个表单的 JavaScript:

function createUser() {
  var xhr = new XMLHttpRequest();
  var formData = new FormData()
  formData.append("userID", document.getElementById("newUserID").value);
  formData.append("userEmail", document.getElementById("newUserEmail").value);
  formData.append("userFirstName", document.getElementById("newUserFirstName").value);
  formData.append("userLastName", document.getElementById("newUserLastName").value);
  formData.append("userAvatar", document.getElementById("newUserAvatar").value);

  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status >= 200 && xhr.status < 300) {
      alert(xhr.responseText)
    }
  }
  xhr.open("POST", "api/add", true);
  xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded;charset=UTF-8');
  xhr.send(formData);
}

这是我的烧瓶:

@app.route('/api/add', methods = ['GET', 'POST'])
def post_user():
  if request.method == "POST":
    user = (request.form['UserID'],
            request.form['UserEmail'],
            request.form['UserFirstName'],
            request.form['UserLastName'],
            request.form['UserAvatar'])
  else:
    return render_template('users.html')
  user.append(user_list)

如果我要猜测我哪里出错了,那将是 formData。

任何帮助或指示都会很棒。谢谢!

4

1 回答 1

1

当您收到 400 Bad Request 时,通常是因为某些完整的逻辑(例如请求对象使用了不正确的键)。在您的情况下,后端和 XHR 请求之间的情况不匹配。

我还建议使用 request.form.get(value) 因为它会返回 None 而不是引发像 400 Bad Request 这样的错误。

于 2020-05-25T19:16:38.283 回答