烧瓶重定向（urlfor（））不会重新加载页面[重复]

Question

我有一个带有按钮的页面，该按钮使 ajax post 到 flask 路由。我想要计算消息的路由（通过示例的硬编码简化）并将其传递回另一个路由并重新加载用户所在的页面。 redirect(urlfor()) 确实调用了另一条路由，但由于页面没有重新加载，render_template 似乎没有被调用。

初始化.py

from flask import Flask, render_template, request, redirect, url_for

app = Flask(__name__)


@app.route('/second_route', methods=['POST'])
def second_route():
    print request.json
    return redirect(url_for('hello_world', message='test'))


@app.route('/')
def hello_world(message=None):
    return render_template('index.html', message=message)


app.run()

index.html

<html>
<head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>


    <script>
        $(document).ready(function () {
            $('#mybutton').click(function () {
                $.ajax({
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    url: "/second_route",
                    data: JSON.stringify({}),
                    success: [],
                    dataType: "json"
                });

            });
        });


    </script>
</head>
<body>
{{ message }}
<button id="mybutton" name="mybutton" type="button">Click Me!</button>
</body>
</html>

Answer 1

AJAX 无法处理重定向响应，afaik。但是，您可以将 {{message}} 封装在 <span id="message"> 中，识别元素，然后执行 jQuery .html() 在 AJAX 完成成功时插入自定义文本。

$.ajax({
   type: "POST",
   contentType: "application/json; charset=utf-8",
   url: "/second_route",
   data: JSON.stringify({}),
   success: [],
   dataType: "json"
}).done(function(){
   $('#message').html('test');
   window.location.href = '/';
}).fail(function(response){
   $('#message').html(response['responseText']);
});

要重定向，您可以将done 子句中的代码替换为window.location.href = "/someURL"，但由于端点相同，这不是必需的。这样，就不需要使用message 变量了。

Answer 2

这就是我最终为那些阅读问题的人解决问题的方式。

将我的发布请求更改为发布到使用此调用加载页面的同一路由：

 var posting = $.post(window.location.href, {'some key': 'some value'});
                posting.done(function( ) {
                    window.location.replace(window.location.href);
                });