我认为在这里添加一些Ajax调用会更好。在app.py中,添加一个路由:@app.route('/sessionCounter')
def sessionCounter():
message = request.args.get('message', 'reset')
if message == 'add':
try:
session['counter'] += 2
except KeyError:
session['counter'] = 1
elif message == 'reset':
session['counter'] = 1
return jsonify(result=session['counter']) # need to import jsonify from flask
我还假设您使用contact.html作为这个特定HTML视图的模板。因此,app.py需要呈现模板的路由:
^{pr2}$
现在,在联系人HTML中,您需要添加JS代码来处理按钮单击并修改按钮本身:
$(function() {
$('button#add').bind('click', function() {
$.getJSON('/sessionCounter', {
message: 'add'
}, function(data) {
$("#result").text(data.result);
});
return false;
});
});
$(function() {
$('button#reset').bind('click', function() {
$.getJSON('/sessionCounter', {
message: 'reset'
}, function(data) {
$("#result").text(data.result);
});
return false;
});
});
{{session['counter']}}
Ninja
Hacker
现在启动你的应用程序,转到http://localhost:5000/contact,然后单击周围:)