0
私のbase.htmlの一番下には、include
に動的に生成された他の.htmlファイルがあります。そこで、私は.js
ファイルを呼び出して、そのエンドポイントにGET要求を出します。見てみましょう。動的に生成された内容を含む
# _base.html
<!DOCTYPE html>
<html lang="en">
<head> ...
<script type=text/javascript src="{{url_for('static', filename='js/recent_posts.js') }}"></script>
</head>
<body>...
{% block content %}{% endblock %}
...
{% include 'recent_posts.html' %}
</body>
</html>
# recent_posts.js
$(function() {
$.ajax({
url: '/recent_posts',
type: 'GET'
});
});
# view for recent_posts
...
@recentPosts_blueprint.route('/recent_posts', methods=['GET'])
def recent_posts():
vacation = Vacation.query.all()
return render_template('recent_posts.html', vacation=vacation)
# recent_post.html
...
<h3>Recent Posts</h3>
{{ vacation }}
...
ページのロードは、私が唯一</h3>
タグとテキストデータではなく
なぜを取得しますか?どのようにすればいいですか?