【发布时间】:2017-03-08 12:48:25
【问题描述】:
我想要做的是让 server.py 脚本,即 def conutme() 在页面刷新时刷新页面计数。并举起柜台。我目前有计数器显示在 .我需要知道是否可以使用我在那里的 j 查询,该查询当前添加 2 并重置为 1 在 html 中单击时编辑会话计数器。因此,最终服务器会在页面刷新会话计数时更新计数。然后我可以用 j 查询编辑数字。任务如下
创建一个简单的 Web 应用程序,该应用程序包含一个每次访问页面时都会递增的计数器。使用会话完成此操作。 对于忍者:在计数器下方添加一个 +2 按钮,将计数器增加 2 并重新加载页面。 对于黑客:添加一个重置按钮,将计数器重置为 1
HTML
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="stylenew.css"></style>
<script type="text/javascript" src='http://code.jquery.com/jquery-1.10.2.min.js'></script>
<script>
$(document).ready(function() {
$(".my_button").on("click", function(event){
event.preventDefault();
var $button = $(this);
var oldValue = $('#value');
var newVal;
if ($button.find('.hide').text() == "+") {
newVal = parseFloat(oldValue.val()) + 2;
} else {
// Don't allow decrementing below zero
if (oldValue.val() < 0) {
newVal = parseFloat(oldValue.val()) - 1;
} else {
newVal = 1;
}
}
oldValue.val(newVal);
});
});
</script>
</head>
<body>
<h1>{{session['counter']}}</h1>
<div>
<label for="value">Counter</label>
<input type="text" class="cat_textbox" id="value" name="value" maxlength="4000" value="0" />
<ul class="button-group button-click">
<li><a href="#" class="small button secondary my_button"><i class="fa fa-plus"><span class="hide">+</span></i></a></li>
<li><a href="#" class="small button secondary my_button"><i class="fa fa-minus"><span class="hide">-</span></i></a></li>
</ul>
</div>
</body>
</html>
Server.py
from flask import Flask, render_template, request, redirect, session
app = Flask(__name__)
app.secret_key = 'ThisIsSecret' # you need to set a secret key for security purposes
# routing rules and rest of server.py below
@app.route('/')
def index():
session['counter'] = 1
return render_template("index.html")
def countme():
if session['counter'] in session:
counter + 0
else:
session['counter'] = session['counter'] + 1
app.run(debug=True)
【问题讨论】:
标签: jquery python-2.7 session