jquery .load 与 python flask

Question

我正在尝试在我的 flask 应用程序中使用 jquery .load 来在每次用户按下按钮添加新的 div 时添加一个 div，但它找不到 html 文件。

有问题的功能。

$(document).ready(function(){
        $("#add").click(function(){
            $("#form").load('/templates/info.html');
        })
});

info.html 文件只包含一小段 html。

index.html 代码，我想在表单后加载 info.html div。

  <form id="form" action="{{ url_for('get_data') }}" method="post">
        <input type="button" name="add" value="Add" id="add">
        <input type="submit" id="submit" value="To XML">
    </form>

/templates/info.html

 <div id="info">
     <label>name</label>
     <input type="text" name="name">
     <br>
     <label>asfd</label>
     <input type="text" name="asfd">
      <br>
 </div>

我不断收到此 404 错误。

127.0.0.1 - - [04/Mar/2014 19:55:50] "GET /templates/info.html HTTP/1.1" 404 -

我在本地运行 flask 应用程序，/template/info.html 是正确的路径。我只是不知道为什么它没有加载到该 html 中。当我使用 jquery 函数和 .append() 并将长 html 字符串放入附加函数时，我能够使其工作，但是添加 info.html 变得更长我只想能够加载整个文件。

如果有任何帮助，我们将不胜感激。

Answer 1

您在 Flask 应用程序中的 View 定义应返回 info.html。换句话说，您的 flask 应用程序中应该有一个路由和一个方法:

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

现在，在您的 jquery 代码中，您可以加载 url /info。默认情况下，Flask 在 templates 文件夹中查找模板，因此无需在 URL 中明确提及