使用jquery將文件加載到document.ready中使用flask框架

我在main.html的<script>部分中有以下內容。使用jquery將文件加載到document.ready中使用flask框架

$(document).ready(function() { 
    $.get("/welcome/", function(res) { 
     $("#welcome").html(res); 
    }); 
});

在這種main.html的身體，我有

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

在我的燒瓶主要Python程序，我有

@app.route('/welcome/') 
def welcome(): 
    return render_template('welcome.html')

的welcome.html相當簡單：

<div><span>Welcome to this site</span></div>

這不會將頁面welcome.html呈現給網站的<div>部分。我知道在stackoverflow上有幾個響應已經解決了如何使用jquery加載頁面（例如使用load()）;不過，我特別想使用我的實現，因爲遺留的原因。我錯過了什麼？

來源

2015-12-02 return 0

您是否檢查瀏覽器的開發人員控制檯中是否有任何錯誤？您是否通過手動打開/ welcome來檢查/ welcome /頁面是否正常工作？ –

謝謝你指出。我查看了開發者控制檯，它說Uncaught ReferenceError：$沒有被定義......但是，我非常確定我在頁面底部加載了jQuery CDN。 –

有關如何解決此問題的任何建議？ –

如果您在頁面底部加載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>

來源

2015-12-02 09:09:25

使用jquery將文件加載到document.ready中使用flask框架

回答

相關問題