我正在尝试创建一个本地站点(只是为了了解flask的基本知识),我想单击一个按钮并将单击次数存储在一个txt文件中。我有一个向下点击的按钮,可以将点击次数发送到html文件,但我不知道如何将int发送回py文件以更新txt文件
在下面的代码中,我使用localStorage作为替代,但我希望它从txt文件中获取数据,并在按下按钮时将数据发送回txt文件
html文件-
<body>
<button type="button" onclick="buttonPress()">Click Me!</button>
<button type="button" onclick="reset()">Reset</button>
<script type="text/javascript">
var clicks = {{ sClicks }}
localStorage.setItem('sClicks', clicks);
updateText();
function buttonPress(){
clicks += 1;
localStorage.setItem('sClicks', clicks);
updateText();
}
function reset(){
localStorage.clear();
clicks = 0;
localStorage.setItem('sClicks', clicks);
updateText();
}
function updateText(){
document.getElementById("carrier").innerHTML = localStorage.getItem('sClicks');
}
</script>
</body>
py文件-
app = Flask(__name__)
clicks = open('Clicks.txt').read()
@app.route('/')
def test():
return render_template('index.html', sClicks=clicks)
if __name__ == '__main__':
app.run(debug=True, host='my ip adress')
下面是一个示例,说明如何使用javascript xhr请求发送事件,该请求将post请求发送到/clicks路由
请注意,在POST请求中,我没有向请求主体添加任何数据,只是使用POST请求调用路由这一事实作为计数器应增加1的通知
在浏览器控制台中执行以下JavaScript函数
相关问题 更多 >
编程相关推荐