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

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

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

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

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 和 前端交互失败, 之前一直是 ok 的, 今天在打开出现问题, 请问是怎么回事?

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