使用jquery在document.ready上使用flask框架在div中加载页面

Question

我在<script>的{​​{1}}部分中有以下内容。

main.html

在$(document).ready( function() { $.get("/welcome/", function(res) { $("#welcome").html(res); }); }); 的正文中，我有

main.html

在我的烧瓶主python程序中，我有

<div id="welcome"></div>

@app.route('/welcome/') def welcome(): return render_template('welcome.html') 非常简单：

welcome.html

这不会将页面welcome.html呈现给网站的<div><span>Welcome to this site</span></div> 部分。我理解stackoverflow上有几个响应已经解决了如何使用jquery加载页面（例如使用<div>）;但是，由于遗留原因，我特别想要使用我的实现。我在哪里错过了？

Answer 1

如果您在页面底部加载jquery CDN，请查看您的标记<script>是否在此之后。

<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script>

<script type="text/javascript">
    $(document).ready(function(){
        $.get("/welcome/",function(res){
            $("#welcome").html(res); 
        }); 
    });
</script>