Question

我正在尝试使用 ajax 将数据从表单发送到 Python Flask。我不希望页面重新加载。当我尝试发送表单时出现错误 this.items = this.items.find(item => item.id === id, res.data))

我只想输入一个带有英文翻译的俄语单词，然后将其从flask写入文件。这是我的 html 和 JavaScript

POST http://127.0.0.1:5000/addTran 400 (BAD REQUEST)

这是我的 Python 路线

<form id="translationForm">
  <label for="russianWord">Russian Word:</label><br>
  <input type="text" id="russianWord" serialize-as="russianWord" name="russianWord"><br>
  <label for="englishWord">English word:</label><br>
  <input type="text" id="englishWord" serialize-as="englishWord" name="englishWord">
  <input type="submit" value="Submit">
</form>

<script>
    $(function () {
        $('#translationForm').on('submit',function (e) {

              $.ajax({
                type: 'POST',
                url: "{{url_for('addTran')}}",
                data: $('#translationForm').serialize(),
                contentType: "application/j-son;charset=UTF-8",
                dataType: "json",
                success: function () {
                 alert("It worked!");
                }
              });
          e.preventDefault();
        });
    });

Answer 1

添加 JSON.stringify() 成功了！ data: JSON.stringify($('#translationForm').serialize())

Answer 2

也许是请求内容类型中的错字？

contentType: "application/j-son;charset=UTF-8",

到

contentType: "application/json",

Python Flask ajax POST 400 错误请求

2 个答案: