例如,如果我在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“上使用它。
我有什么好方法可以做到这一点?非常感谢您的支持!
发布于 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'])
https://stackoverflow.com/questions/51015108
复制相似问题