flask 网页 javascript 按钮点击事件

最新推荐文章于 2023-09-17 23:02:24 发布

wowocpp

最新推荐文章于 2023-09-17 23:02:24 发布

阅读量9.5k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： web_html

本文链接：https://blog.youkuaiyun.com/wowocpp/article/details/103066462

web_html 专栏收录该内容

86 篇文章

订阅专栏

代码:

#!/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_for

app = 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) #获取访问方式 GET
        print(request.url) #获取url http://127.0.0.1:5000/req?id=1&name=wl
        print(request.cookies) #获取cookies {}
        print(request.path)  # 获取访问路径 /req
        print(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>