Flask проигрывает css при втором возврате render_template - PullRequest
1 голос
/ 06 мая 2020

My flask app renders_template index. html при запуске

@app.route('/index')
def index():
    user = {'username' : 'Pinto'}
    bios = []
    return render_template('index.html', title='JAF', user=user, bios=bios)

index. html имеет static / css / style. css связан в заголовке и CSS загружает на начальном render_tempate. Однако при использовании jquery для загрузки шаблона jinja2 в индекс. html я теряю все стили.

main. js

$("#click_render").click(function() {
    $("html").load("/click_render");
})

routes.py (данные заменяются местом держатели)

@app.route('/click_render')
def click_render():
    user = {'username' : 'Pinto'}
    bios = [
        {dataset1},
        {dataset2},
        {dataset3},
    ]
    return render_template('index.html', title='JAF', user=user, bios=bios) 

индекс. html (голова. html загружает css, у меня тоже была такая же проблема перед перемещением головы в шаблон)

<html>
    <head>
        {% include 'head.html' %}
    </head>
    <body style='margin:0'>
        <button type="button" id='click_render'>route/click_render</button>
        <h1>Hello, {{ user.username }}!</h1>
        <div class="included">
            {% include 'included.html' %}
        </div>
    </body>
</html>

включен. html

{% for bio in bios %}
    <div>
        <p>{{ bio.name }} </p>
        <p>{{ bio.age }} </p>
        <p>{{ bio.height }}</p>
   </div>
{% endfor %}

В моем браузере появляется следующая ошибка:

jquery .min. js: 4 [Устарело] Синхронный запрос XMLHttpRequest на основной поток устарел из-за его пагубного воздействия на работу конечного пользователя. Для получения дополнительной помощи отметьте https://xhr.spec.whatwg.org/.

...