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/.