Flask 和前端交互失败, 之前一直是 ok 的, 今天在打开出现问题, 请问是怎么回事?

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Flask Framework

这是一个创建于 2830 天前的主题，其中的信息可能已经有所发展或是发生改变。

就是一个很简单的交互的例子, 填入 a 和 b 求和的一个例子, 之前测试的时候是 ok 的, 但是今天点击了计算的按键没有反应不知道是哪里的问题? 也不知道怎么调试求大神简单的指导一下调试的方法。

而且这个代码载入也很慢。 20180111142804

完整的测试文件在这里, 完整文件

python 代码:

from flask import Flask, render_template, request, jsonify app = Flask(__name__) @app.route('/') @app.route('/jstest.html') def index(): return render_template('jstest.html') @app.route('/addnumber') def add(): print('test') a = request.args.get('a', 0, type=float) b = request.args.get('b', 0, type=float) return jsonify(result=a + b) if __name__ == "__main__": app.run(debug = True)

网页代码:

<!DOCTYPE html> <html lang="en"> <head> <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> <script type=text/Javascript> $(function() { $('#calculate').click(function(){ $.ajax({ url: '/addnumber', data:{ a: $('#a').val(), b: $('#b').val() }, dataType: 'JSON', type: 'GET', success: function(data){ $("#result").html(data.result); } }); }); }); </script> </head> <body> <div class="container"> <div class="header"> <h3 class="text-muted">addNum</h3> </div> <hr/> <div> <p> <input type="text" id='a' size="5" name="a"> + <input type="text" id='b' size="5" name="b"> = <span id="result">?</span> <p><button class="btn btn-success" id="calculate">calculate</button> </form> </div> </div> </body> </html>

调试

flask

例子

求和

10 条回复 2018-01-11 15:30:18 +08:00