flask 网页 javascript 按钮点击事件

代码:

#!/usr/bin/env python
# -*- coding: utf-8 -*-from flask import Flask
from flask import Flask
from flask import render_template
from flask import request
from flask import redirect
from flask import url_forapp = Flask(__name__)print 'aa:',__name__
@app.route('/', methods=['GET', 'POST'])
def index():print 'index'return render_template('index.html')@app.route('/user/<name>')
def user(name):return '<h1>Hello, {}!</h1>'.format(name)@app.route('/login', methods=['GET', 'POST'])
def login():if request.method == 'POST':username = request.form.get('username')password = request.form.get('password')print 'login'print(request.method) #获取访问方式 GETprint(request.url) #获取url http://127.0.0.1:5000/req?id=1&name=wlprint(request.cookies) #获取cookies {}print(request.path)  # 获取访问路径 /reqprint(request.args) #获取url传过来的值  ImmutableMultiDict([('id', '1'), ('name', 'wl')])return redirect(url_for('index'))return '<h1>login!</h1>'if __name__ == '__main__':print __name__app.run(host='0.0.0.0', port=8000)

html 代码:

<!doctype html>
<html lang="en">
<head>
<title>Webville Tunes</title>
<meta charset="utf-8">
<link rel="icon"type="image/ico"href="http://wickedlysmart.com/favicon.ico">
<script>
window.onload = init;function init() {var button = document.getElementById("addButton");button.onclick = handleButtonClick;
}function handleButtonClick(e) {var textInput = document.getElementById("songTextInput");var songName = textInput.value;alert("Adding " + songName);if (songName == "") {alert("Please enter a song");}else {//alert("Adding " + songName);var li = document.createElement("li");li.innerHTML = songName;var ul = document.getElementById("playlist");ul.appendChild(li);}
}</script></head>
<body><form>
<input type="text" id="songTextInput" size="40" placeholder="Song name">
<input type="button" id="addButton" value="Add Song">
</form><ul id="playlist"></ul></body>
</html>

效果:

flask 网页 javascript 按钮点击事件相关推荐

javascript 按钮点击事件
这个部分主要来讲解一下按钮点击事件的集中js的实现方式: 方法一: [html] view plaincopy <!DOCTYPE html> <html> <head ...
[JavaScript] 按钮点击事件失效
版权声明:本文为CSDN博主「张小凡vip」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明. 原文链接:https://blog.csdn.net/zzq9005 ...
JavaScript的按钮点击事件绑定
JavaScript的按钮点击事件绑定: <!DOCTYPE html> <html lang="en"> <head><meta cha ...
【javaScript】探讨监听input输入框的失去焦点事件与按钮点击事件执行的顺序问题
1.问题描述在input输入框输入一段文字之后,点击发送按钮会发现,只触发了失去焦点事件,按钮点击事件并没有被触发,当再次点击按钮的时候,事件才会被触发,这明显不是我们想要的,我们来看看怎么解决 2 ...
javascript模拟点击事件--实现视频自动播放
背景这两年一直在做浏览器开发相关的工作,我们所做的浏览器禁用了视频自动播放功能,以实现视频预加载功能:浏览器在视频播放时为了实现视频秒开效果(就是一点击页面里的播放按钮就立即开始播放,而不 ...
java添加按钮点击事件_如何为odoo 10中的按钮点击事件添加一个java脚本处理程序？...
我想使用java脚本为header中的按钮创建一个处理程序.下面我视图模型给出:如何为odoo 10中的按钮点击事件添加一个java脚本处理程序? inherit_id="web.asset ...
【Android 插件化】Hook 插件化框架 ( Hook 实现思路 | Hook 按钮点击事件 )
Android 插件化系列文章目录 [Android 插件化]插件化简介 ( 组件化与插件化 ) [Android 插件化]插件化原理 ( JVM 内存数据 | 类加载流程 ) [Android 插件 ...
java的按钮点击事件_[转载]java处理按钮点击事件
不同的事件源可以产生不同类别的事件.例如,按钮可以发送一个ActionEvent对象,而窗口可以发送WindowEvent对象. AWT时间处理机制的概要: 1.监听器对象是一个实现了特定监听器接口( ...
RxSwift之订阅UITableViewCell里的按钮点击事件
一.前言我们知道,通过订阅 tableView 的 itemSelected 或 modelSelected 这两个 Rx 扩展方法,可以对单元格的点击事件进行响应,并执行相关的业务代码. 但有时候 ...

flask 网页 javascript 按钮点击事件

flask 网页 javascript 按钮点击事件相关推荐

最新文章

热门文章

flask 网页 javascript 按钮 点击事件

flask 网页 javascript 按钮 点击事件相关推荐

最新文章

热门文章

flask 网页 javascript 按钮点击事件

flask 网页 javascript 按钮点击事件相关推荐