学习总结
@app.route(’/user’) @app.route(’/user/’)，通过“/”两种写法，解决访问链接的相同返回页面；
@app.route(’/userinfo’, methods=[‘get’, ‘post’])，get和post参数获取与传递；
{{ url_for(‘static’,filename=‘js/jquery-3.3.1.min.js’) }}，静态页面加载文件的写法；
路由装饰器
# ajax互动-1 @app.route('/user') @app.route('/user/') def get_user(): return render_template('user.html') @app.route('/userinfo', methods=['get', 'post']) def get_userinfo(): name = request.values.get('name') ages = request.values.get('ages') str_list = "姓名：{}，年龄：{}".format(name, ages) return str_list
html文档
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>ajax参数传递互动</title> <!--静态文件引入--> <link rel="stylesheet" href="{{ url_for('static',filename='css/common.css') }}"> <script src="{{ url_for('static',filename='js/jquery-3.3.1.min.js') }}"></script> <script src="{{ url_for('static',filename='js/echarts.min.js') }}"></script> </head> <body> <div id="container"></div> <script> $(function(){ $.ajax({ url: "/userinfo", type: "get", data: {"name": "lockdatav", "ages": 36}, success: function (data) { $("#container").html(data); }, error: function (err) { console.log(JSON.stringify(err)); } }) }) </script> </body> </html>
lockdatav Done!
