preenchimento automático de jQuery no balão

Question

Jan 10, 2016, 12:46 PM

ajax jquery javascript flask autocomplete

preenchimento automático de jQuery no balão

Não é possível fazer o widget de preenchimento automático do jQuery funcionar com a estrutura do Flask. (http://jqueryui.com/autocomplete/#remote aqui está um exemplo)
Nomanage.py Eu tenho o seguinte:

@app.route('/autocomplete', methods=['GET'])
def autocomplete():
    results = []
    search = request.args.get('autocomplete')
    for mv in db_session.query(Movie.title).filter(Movie.title.like('%' + str(search) + '%')).all():
        results.append(mv[0])
    return jsonify(json_list=results)

Minhasindex.html Arquivo:

    <head>
    ...
    <link href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" rel="Stylesheet"></link>
    <script src="../static/js/jquery.js"></script>
    <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js" ></script>


    <script type="text/javascript">
    $(function() {
        $.ajax({
            url: '{{ url_for("autocomplete") }}'
            }).done(function (data) {
                $('#autocomplete').autocomplete({
                    source: data.json_list,
                    minLength: 2
                });
            });
        });
    </script>
    ...
    </head>
    <body>
    ...
       <div>
          <input name="autocomplete" type="text" id="autocomplete" class="form-control input-lg"/>
       </div>
    ...
    </body>

Parece que as ferramentas de desenvolvimento no firefox não retornam erros. O terminal retorna o seguinte:

"GET / Preenchimento automático HTTP / 1.1" 200 -
"GET / HTTP / 1.1" 200 -
"GET /static/css/bootstrap.css HTTP / 1.1" 304 -
"GET /static/js/jquery.js HTTP / 1.1" 304 -

O widget simplesmente não funciona. Como não sei muito sobre jQuery, não consigo descobrir o que causa o problema. Alguém pode me ajudar por favor?