带有ajax响应的烧瓶没有重定向

Question

当我从烧瓶视图函数将 URL 发送回我的 javascript 文件时，不会发生重定向，而是返回Type error: 'NoneType' object is not subscriptable 。

我的视图功能：

@app.route('/login', methods=['POST','GET'])
def login():
    if request.method == "POST":
        print('check')
        values = request.json
        print(values)
        result = db.session.query(Emp_Details).filter_by(ID=values['ID']).first()
        print(result.Password)
        if result.Password == values['Password'] and result.Department == 'HR':
                print(jsonify(url=url_for('hr_department')))
                return jsonify(url=url_for('hr_department'))
        elif result.Password == values['Password'] and result.Department == 'DEVELOPMENT':
                return url_for('devs')
        else:
            abort(401)
    else:

        return render_template("login.html")

我的 Ajax 请求：

$.ajax({
                    type :"POST",
                    url :"/login",
                    contentType: 'application/json;charset=UTF-8',
                    data : JSON.stringify(data, null, '\t'),
                    dataType : 'json',
                    success : function (data) {
                        window.location.href = data['url']
                    },
                    error : function (response) {
                        alert(response)

                    },


                });

我的控制台中的日志：

check
{'Password': 'leechan2', 'ID': '10090'}
leechan2
<Response 25 bytes [200 OK]>
127.0.0.1 - - [26/Dec/2016 23:34:37] "POST /login HTTP/1.1" 200 -
check
None
127.0.0.1 - - [26/Dec/2016 23:34:37] "POST /login HTTP/1.1" 500 -
Traceback (most recent call last):
  File "/usr/local/lib/python3.5/dist-packages/flask/app.py", line 2000, in __call__
    return self.wsgi_app(environ, start_response)
  File "/usr/local/lib/python3.5/dist-packages/flask/app.py", line 1991, in wsgi_app
    response = self.make_response(self.handle_exception(e))
  File "/usr/local/lib/python3.5/dist-packages/flask/app.py", line 1567, in handle_exception
    reraise(exc_type, exc_value, tb)
  File "/usr/local/lib/python3.5/dist-packages/flask/_compat.py", line 33, in reraise
    raise value
  File "/usr/local/lib/python3.5/dist-packages/flask/app.py", line 1988, in wsgi_app
    response = self.full_dispatch_request()
  File "/usr/local/lib/python3.5/dist-packages/flask/app.py", line 1641, in full_dispatch_request
    rv = self.handle_user_exception(e)
  File "/usr/local/lib/python3.5/dist-packages/flask/app.py", line 1544, in handle_user_exception
    reraise(exc_type, exc_value, tb)
  File "/usr/local/lib/python3.5/dist-packages/flask/_compat.py", line 33, in reraise
    raise value
  File "/usr/local/lib/python3.5/dist-packages/flask/app.py", line 1639, in full_dispatch_request
    rv = self.dispatch_request()
  File "/usr/local/lib/python3.5/dist-packages/flask/app.py", line 1625, in dispatch_request
    return self.view_functions[rule.endpoint](**req.view_args)
  File "/home/gautham/Intern-flask/Intern/App.py", line 24, in login
    result = db.session.query(Emp_Details).filter_by(ID=values['ID']).first()
TypeError: 'NoneType' object is not subscriptable
127.0.0.1 - - [26/Dec/2016 23:34:37] "GET /login?__debugger__=yes&cmd=resource&f=style.css HTTP/1.1" 200 -
127.0.0.1 - - [26/Dec/2016 23:34:37] "GET /login?__debugger__=yes&cmd=resource&f=debugger.js HTTP/1.1" 200 -
127.0.0.1 - - [26/Dec/2016 23:34:37] "GET /login?__debugger__=yes&cmd=resource&f=jquery.js HTTP/1.1" 200 -
127.0.0.1 - - [26/Dec/2016 23:34:37] "GET /login?__debugger__=yes&cmd=resource&f=console.png HTTP/1.1" 200 -
127.0.0.1 - - [26/Dec/2016 23:34:37] "GET /login?__debugger__=yes&cmd=resource&f=console.png HTTP/1.1" 200 -
127.0.0.1 - - [26/Dec/2016 23:34:37] "GET /login?__debugger__=yes&cmd=resource&f=style.css HTTP/1.1" 200 -

Answer 1

似乎您发送的data有问题：

如果我使用，这对我有用

data = {'ID': 'foobar'};

HTML：

<script>

    data = {'ID': 'foobar'};

    $.ajax({
        type: "POST",
        url: "/test/ajax",
        contentType: 'application/json;charset=UTF-8',
        data: JSON.stringify(data, null, '\t'),
        dataType: 'json',
        success: function(data) {
            window.location.href = data['url']
        },
        error: function(response) {
            alert(response)
        },
    });

</script>  

烧瓶：

@app.route('/test/ajax', methods=['GET', 'POST'])
def test_ajax():

    if request.method == "POST":
        data = request.json
        print('data:', data)

        result = {'url': url_for('index')}
        print('result:', result)

        return jsonify(result)

    else:
        return render_template('test-ajax.html')

Answer 2

我可能迟到了，但是对于那些来到这里并使用 Fetch API 的人来说，@furas 的回复对我来说从来没有用过。

但是下面的这个解决方案有效

浏览器/客户端（在开发人员工具下）的响应如下所示

 Response{type: "basic", url: "http://127.0.0.1:5000/billing/print_receipt/20", redirected: true, status: 200, ok: true}

并且 Javascript 重定向将像这样完成

if(response.ok & response.redirected){
    location.replace(response.url)
}