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

vsdwdz23  于 2021-09-13  发布在  Java
关注(0)|答案(0)|浏览(255)

我已经设法使用flask创建了一个表单,它接受用户输入,运行python函数,然后在新的html页面上返回数据。
我现在想尝试使用ajax来实现这一点,这样带有表单的页面将更新并在下面的div中显示数据,而不是打开一个新页面。
这里是我之前所做的一些片段。我排除了很多,但希望这能提供一个足够好的想法。
app.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)

task-memory-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>

display-memory.html

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

我想知道是否有人能向我展示一种简单的方法来集成ajax,一旦单击submit之类的按钮,它就会用app.py中的函数中的数据更新div。

暂无答案!

目前还没有任何答案,快来回答吧!

相关问题