python - 使用 ajax 使用来自 python 函数的数据更新 html div，该函数从 html 表单获取输入

Question

我设法使用 Flask 创建了一个表单，该表单接受用户输入，运行 python 函数，然后在新的 html 页面上返回数据。

我现在想尝试使用 AJAX 执行此操作，以便带有表单的页面更新并在下面的 div 中显示数据，而不是打开一个新页面。

这是我之前所做的一些片段。我已经排除了很多，但希望这能提供一个足够好的想法。

应用程序.py

from flask import Flask,render_template,request, jsonify

app = Flask(__name__)

@app.route('/task-memory-update')
def memoryUpdate():
    return render_template('task-memory-form.html')

@app.route('/display-memory/', methods = ['POST', 'GET'])
def memory():
    if request.method == 'POST':
        user_input_data = request.form
        print(user_input_data)
        ...
        return render_template('display-memory.html',old_boring = current_memory_cpu, new_exciting = newdict)

任务记忆form.html

    <form action="/display-memory/" method = "POST">
        <div class="form-group">
          <label for="taskid">task ID</label>
          <input type="text" class="form-control" id="taskid" name="taskid", placeholder="task ID">
        <button id="submit-button" type="submit" class="btn btn-primary">Submit</button>
    </form>

显示内存.html

some jinja code which displays the data
{% for (k,v) in old_boring.items() %}

我想知道是否有人可以向我展示一种集成 ajax 的简单方法，一旦单击提交之类的按钮，它将使用 app.py 中函数的数据更新 div。

标签： pythonhtmljqueryajaxflask