如何让我的 ajax POST (preventDefault) 工作？

Question

我正在尝试将 csv 文件上传到 Flask 服务器，并且我不希望重新加载页面，因此我正在尝试实现 ajax。 但是，我无法让它工作。 这是一个最小的工作示例。

应用程序.py

import os.path
from flask import Flask, render_template, request
 
app = Flask(__name__, static_url_path='', static_folder='static', template_folder='templates')
app.config['UPLOAD_FOLDER'] = './upload/'

@app.route("/", methods=["POST", "GET"])
def home():
    if request.method == "POST":
        f = request.files['todo']
        f.save(os.path.join(app.config['UPLOAD_FOLDER'], 'upload.csv'))
        return 'this should not be printed'
    return render_template('index.html')

if __name__ == '__main__':
    app.run(debug=True)

模板/索引.html

<!DOCTYPE html>
<html>
<body>
  <form method="post" id="todo-form" enctype="multipart/form-data">
    <input type="file" name="todo" id="todo">
    <button type="submit">submit</button>
  </form>
  <script src="https://code.jquery.com/jquery-3.5.1.js"
          integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc="
          crossorigin="anonymous"></script>
  <script src="test.js"></script>
</body>
</html>

静态/ajax.js

$(document).on('submit', '#todo-form', function(e) {
  const fd = new FormData(this);
  e.preventDefault();
  $.ajax({
    type: 'POST',
    url: '/',
    data: fd,
    contentType: false,
    processData: false,
    complete: function() { alert('saved');},
  })
});

现在阻止重新加载操作，并且现在显示警报，但未上传文件。 有人可以告诉我我做错了什么吗？ 非常感谢！

Answer 1

正如 Phil 所指出的，这是由浏览器缓存的存储引起的。 清除缓存后，代码将按预期工作。

如何让我的 ajax POST (preventDefault) 工作？

问题描述

1 个解决方案

解决方案1
-1 2022-09-12 05:20:07

如何让我的 ajax POST (preventDefault) 工作？

问题描述

1 个解决方案

解决方案1 -1 2022-09-12 05:20:07

解决方案1
-1 2022-09-12 05:20:07