在AJAX请求中包含瓶子模板

问题描述 投票:4回答:1

这是我的情景。我正在尝试制作一个本地Web应用程序来操作我的电影文件,作为节省时间的工具和python学习练习。

这是我的服务器脚本:

from bottle import run, request, post, get, template, error, static_file
from pathlib import Path
import re


# Show a list of files ready to be moved
@get('/move_new_movies')
def move_new_movies():
    return template('move_new_movies')


#  Generate a list of files for move_new_movies page
@post('/generate_movie_list')
def generate_movie_list():
    ... do some stuff ...
    return movie_list


if __name__ == '__main__':
    run(debug=True, reloader=True)

generate_movie_list()以形式返回JSON数组

{
    'total_results': ,
    'results': [{'folder': ,
                 'file_name':
                 }]
}

move_new_movies.tpl:

<!DOCTYPE html>
<html>
<head>
    <title>Move New Movies</title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('form').submit(function(e) {
                $.ajax({
                    type: 'POST',
                    url: '/generate_movie_list', 
                    data: $(this).serialize(), 
                    success: function(response) {
-----error------->      <%  movie_list = response['results']
                            movie_list_html = include('file_list', list='movie_list')
                            %>
                        $('#movie_list').html(movie_list_html);
                    }
                });
                e.preventDefault();
            });
        });
    </script>
</head>
<body>
    <h3>Enter path to new movies</h3>
    <form action="/move_new_movies" method="POST">
        <input type="text" name="movie_path">
        <input type="submit" name="Submit">
    </form>
    <div id='movie_list'></div>
</body>
</html>

最后,file_list.tpl

<table>
    <tr>
        <th>Folder</th>
        <th>File Name</th>
    </tr>
    % for movie in list:
    <tr>
        <td>{{movie['folder']}}</td>
        <td>{{movie['file_name']}}</td>
    </tr>
    % end
</table>

现在这是我的问题。当我浏览到... / move_new_movies时,我收到一个错误

Traceback (most recent call last):
  ... ... ...
  File "\path\to\move_new_movies.tpl", line 15, in <module>
    <%  movie_list = response['results']
NameError: name 'response' is not defined

最初,generate_movie_list()将返回模板('file_list')。 ajax.success()中没有python,它只会用它收到的任何HTML更新页面。这工作正如预期的那样;我输入了一条路径,点击提交,然后会出现所需的表格。但是,我认为服务器只提供JSON数据并让客户端将其嵌入到相应的模板文件中会更好。

我想这是因为如果列表不是电影,而是电视节目或音乐?我可能想要使用不同的模板,并且不希望为不同的媒体创建新的路径。

我觉得我收到此错误是因为在ajax.success()可以定义结果变量之前呈现模板。

有关如何使这项工作的任何想法?

python jquery ajax python-3.x bottle
1个回答
0
投票

语法<% %>实际上不适用于瓶子。始终使用%和%end来封装代码。确保%是该行的第一个非空白字符。

我自己也遇到过这种情况,并且从未使用上述语法。从那以后它就不是问题了。

更新示例:

from bottle import run, request, post, get, template, error, static_file
from pathlib import Path
import re


# Show a list of files ready to be moved
@get('/move_new_movies')
def move_new_movies():
    movies = generate_movie_list()
    return template('move_new_movies', movies = movies)


#  Generate a list of files for move_new_movies page
def generate_movie_list():
    ... do some stuff ...
    return movie_list


if __name__ == '__main__':
    run(debug=True, reloader=True)

而你的模板:

</head>
<body>
    <h3>Enter path to new movies</h3>
    <input type="text" name="movie_path">
<table>
    <tr>
        <th>Folder</th>
        <th>File Name</th>
    </tr>
    % for movie in movies:
    <tr>
        <td>{{movie['folder']}}</td>
        <td>{{movie['file_name']}}</td>
    </tr>
    % end
</table>
</body>
</html>

现在,您需要使用javascript在输入字段上单击Enter后过滤表格。但是,您可能会发现使用datatables.net更容易,他们可以根据需要进行过滤。

© www.soinside.com 2019 - 2024. All rights reserved.