我的Flask应用程序根据用户表单输入进行计算。这些计算大约需要10秒才能完成。这些计算的输出需要显示在同一页的div中,在表单旁边(在图表/表格等中)。在
我试过两条围裙。第一种,使用普通的just Flask,重新加载整个页面,这远远不是理想的。第二种方法使用Sijax只更新div,但是在本例中,我不知道如何访问表单输入。在
我不知道如何让这个工作。欢迎指路!在
方法1:只需烧瓶(缺点:整个页面重新加载)
表格_测试.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Testpage</title>
</head>
<body>
<form action="{{ url_for('do_the_math') }}" method="post">
A = <input type="number" name="input_A">
B = <input type="number" name="input_B">
<input type="submit" value="Submit">
</form>
<div id="destination_div">A + B = {{ result }}</div>
</body>
</html>
应用程序_普通.py公司名称:
^{pr2}$方法2:使用Sijax(更新div,但如何访问表单输入?)
形态检验_sijax.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Testpage with sijax</title>
<script type="text/javascript" src="/static/js/sijax/sijax.js"></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</head>
<body>
<form method="post">
A = <input type="number" name="input_A">
B = <input type="number" name="input_B">
<button type="button" onclick="Sijax.request('submit_form');">calc</button>
</form>
<div id="destination_div">A + B = unknown</div>
</body>
</html>
应用程序_sijax.py
from flask import Flask, render_template, g
import flask_sijax
import os
app = Flask(__name__)
# init sijax
app.config["SIJAX_STATIC_PATH"] = os.path.join('.', os.path.dirname(__file__), 'static/js/sijax/')
app.config["SIJAX_JSON_URI"] = '/static/js/sijax/json2.js'
flask_sijax.Sijax(app)
def submit_form_handler(obj_response):
A = 5 # how do get to the values entered in the form?
B = 3
sum = A + B
obj_response.html("#destination_div", "A + B = " + str(sum))
@flask_sijax.route(app, "/")
def show_home():
result = 'unknown'
if g.sijax.is_sijax_request:
g.sijax.register_callback('submit_form', submit_form_handler)
return g.sijax.process_request()
return render_template("form_test_sijax.html")
if __name__ == '__main__':
app.run(debug=True)
您可以使用}一起使用计算结果动态更新页面,而不必刷新页面:
ajax
与{在html文件中:
计算路线,然后在主应用程序中创建结果:
^{pr2}$相关问题 更多 >
编程相关推荐