如何让模板和Python在Flask中进行通信？
如何让模板和Python在Flask中进行通信？
提问于 2018-06-25 08:54:04
例如，如果我在index.html中有以下代码：
<div id='1'></div>
<div id='2'></div>
<div id='3'></div>并且，我用Python编写了以下代码：
from flask import *
@app.route("/")
def index():
return render_template("index.html")
@app.route('/experts')
def route1():
return render_template("experts.html", data=data)所以，在三个div块中。当我点击其中任何一个的时候。我希望程序知道我单击的是哪一个，并将id (1,2,3)的值传递给python中的数据变量，这样我就可以在"expert.html“上使用它。
我有什么好方法可以做到这一点？非常感谢您的支持！
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-06-25 09:16:52
您可以使用按钮而不是divs。这样，就可以在前端使用ajax来检索所单击按钮的id，并将其传递给后端：
"index.html"
<html>
<body>
<button id='1'>Button1</button>
<button id='2'>Button2</button>
<button id='3'>Button3</button>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$('button').click(function(event) {
var the_id = event.target.id;
$.ajax({
url: "/get_id",
type: "get",
data: {the_id: the_id},
success: function(response) {
window.location.replace('/experts');
},
error: function(xhr) {
//Do Something to handle error
}
});
});
</script>
</html>然后，可以创建接收id的路由，可以将来自ajax的结果存储在flask.session中，并且可以将“成功”对象传递回index.html模板中的ajax。通过模板中的jquery，可以将应用程序重定向到/expert
import flask
app = flask.Flask(__name__)
app.secret_key = 'SOME_SECRET_KEY'
@app.route('/get_id')
def expert():
button_id = flask.request.args.get('the_id')
flask.session['button_id'] = button_id
return flask.jsonify({'success':True})
@app.route('/experts', methods=['GET'])
def experts():
return render_template("experts.html", data=flask.session['button_id'])页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51015108
复制相关文章
相似问题
腾讯云开发者
