jQuery autocompletar en matraz
No se puede hacer que el widget de autocompletar jQuery funcione con el marco Flask. (http://jqueryui.com/autocomplete/#remote Aquí hay un ejemplo)
Enmanage.py Tengo lo siguiente:
@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)
Miindex.html archivo:
<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 las herramientas de desarrollo en Firefox no devuelven ningún error. El terminal devuelve lo siguiente:
"OBTENER / autocompletar 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 -
El widget simplemente no funciona. Como no sé mucho sobre jQuery, no puedo entender qué causa el problema. Puede alguien ayudarme por favor ?