Python Flask模板渲染后隐藏Bootstrap模式

Question

我是Python和Flask的新手，所以我不确定我是否正确地采用了这种方式。 我有2个Bootstrap模态。 一个显示一个通用的“请等待加载”微调器，当我的python从服务器获取一个JSON字符串时，应显示该微调器，将该字符串处理为JSON并存储它。 仅当存在身份验证失败时，才会显示第二个模式。

目前，当我通过localhost：5000 / home访问应用程序时，页面保持空白，而python从服务器获取数据，并且只有在GET完成后才呈现模板。 因此，只有在GET完成后页面呈现才会显示加载模式。

我需要渲染页面，显示加载模式，从服务器获取数据，然后在GET完成后隐藏加载模式，如果服务器在返回的JSON中返回auth failed标志，则显示验证失败模式。

这是我目前的情况

index.html的：

{% extends "base.html"%}
{%block content%}

    {% if not ready %}
        <script>
            $(document).ready(function(){       
                $("#pleaseWaitModal").modal("show");
            });
        </script>
    {% endif %}

    {% if not auth %}
        <script>
            $(document).ready(function(){       
                $("#failedValidationModal").modal();
            });
        </script>
    {% endif %}

    <div id="section">
        ...
    </div>
{%endblock%}

app.py：

def getJSON():
    auth=False

    infoCallURL = "https://myURL.com/?someParmas"
    r = requests.get(infoCallURL)
    obj = r.json()

    if obj['Application']['failure']:
        auth=False
    else:
        auth=True

    ready=True
    return ready,auth

@app.route('/',methods=['GET','POST'])
@app.route('/home',methods=['GET','POST'])
def home():
    ready = False
    auth = False
    ready,auth = getJSON()
    return render_template("index.html",ready=ready,auth=auth)

Answer 1

对于加载模式，只需删除{％if not ready％}和{％endif％} 。 然后稍微调整代码以显示消息，直到加载网站：

$("#pleaseWaitModal").modal("show");
$(document).ready(function(){       
                $("#pleaseWaitModal").modal("hide");
});

Auth部分更复杂。 您正在同步调用getJSON（） ，这意味着render_template始终具有此函数的结果。 如果你想要异步加载，你必须使用Ajax或类似的东西来加载浏览器中的数据。 http://api.jquery.com/jquery.getjson/解释了如何加载JSON：

$.getJSON( "https://myURL.com/?someParmas", function( data ) {
var json = JSON.parse(data);
if (json.Application.failure):
    $("#failedValidationModal").modal("show");
else:
    $("#failedValidationModal").modal("hide");
});