烧瓶中的jQuery自动完成
无法使jQuery自动完成小部件与Flask框架一起工作。(http://jqueryui.com/autocomplete/#remote下面是一个示例）
在管理中。py我得到了以下信息：
@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)
这是我的索引。html文件：
<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>
看起来 firefox 中的开发工具不会返回任何错误。终端返回以下内容：
"GET /autocompleteHTTP/1.1"200-
"GET/HTTP/1.1"200-
"GET /static/css/bootstrap.cssHTTP/1.1"304-
"GET /static/js/jquery.jsHTTP/1.1"304-
这个小部件就是不起作用。由于我对jQuery了解不多，我无法找出问题的原因。有人能帮我吗？
共有1个答案
以下是有效的JS / jQuery和Flask代码：
@app.route('/autocomplete', methods=['GET'])
def autocomplete():
search = request.args.get('q')
query = db_session.query(Movie.title).filter(Movie.title.like('%' + str(search) + '%'))
results = [mv[0] for mv in query.all()]
return jsonify(matching_results=results)
HTML/jQuery：
<head>
<link href="//code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" rel="Stylesheet"></link>
<script src="//code.jquery.com/jquery-2.2.0.min.js"></script>
<script src="//code.jquery.com/ui/1.10.2/jquery-ui.js" ></script>
<script type="text/javascript">
$(function() {
$("#autocomplete").autocomplete({
source:function(request, response) {
$.getJSON("{{url_for('autocomplete')}}",{
q: request.term, // in flask, "q" will be the argument to look for using request.args
}, function(data) {
response(data.matching_results); // matching_results from jsonify
});
},
minLength: 2,
select: function(event, ui) {
console.log(ui.item.value); // not in your question, but might help later
}
});
})
</script>
</head>
<body>
<div>
<input name="autocomplete" type="text" id="autocomplete" class="form-control input-lg"/>
</div>
</body>
有一点解释是有序的：'q'是jQuery的$.getJSON ajax调用中定义的搜索词参数名称。它被传递给flassk，并使用 request.args.get 获取。数据库查询就是从中构造出来的，列表推导式用于构造结果。请注意，对于列表推导式，您不会初始化列表，也不会使用for append组合;一条优雅的线条无所不能。
接下来，jsonify返回封装为字典的列表结果，其中键matching_results保存结果列表。不要试图使用json.dumps将列表返回给您的ajax调用。请在此处查看原因（TL/DR：安全问题）。
还要注意，我故意更改了一些变量名称，以便您可以判断脚本/烧瓶函数“看到”哪个变量。例如，ajax调用看不到列表结果，它看到的是matching_results。这是在（现在是javascript的）data对象内部。
要获取列表＜code＞matching_results
最后，选择选项将用户的选择打印到开发人员控制台，仅供参考，以便您可以实际响应用户的选择。
有关更完整的jquery自动完成示例，请参阅此处的“使用AJAX加载数据”部分。
-
问题内容： 无法使jQuery自动完成小部件与Flask框架一起使用。（http://jqueryui.com/autocomplete/#remote这里是一个示例） 在manage.py中，我得到了以下内容： 我的index.html文件： 似乎firefox中的开发工具不会返回任何错误。终端返回以下内容： 小部件不起作用。由于我对jQuery知之甚少，所以我不知道是什么原因导致了问题。有人可
-
我发现很难找到有关这方面的资料。会是什么？我如何解决这个问题？有哪些可能的修复方法？ UWSGI日志文件 时钟来源：unix检测到CPU核数：4当前工作目录：/home/pi检测到二进制路径：/usr/local/bin/uwsgi！！！没有内部路由支持，重建与pcre支持！！！*警告：您在没有主进程管理器的情况下运行uWSGI进程数限制为7336内存页大小为4096字节检测到最大文件描述符号：6
-
我正在使用flask-RESTful开发API，并且对Flask的jsonify函数有问题。我正在使用flask-marshmlet进行JSON序列化。下面是一个非常简化的代码片段： 在本地，endpoint将返回具有键“data”和“error”的json；但是，当在Linux服务器上运行时，它会返回一个包含列表和在没有“data”和“error”键的情况下返回的结果。 我已经确定这种不一致是由
-
问题内容： 任何人都可以给我完整的步骤来使用jquery-ui自动完成功能。我正在使用grails 2.0.1。 我需要一个完整的示例，包括控制器和视图的代码。 提前致谢。 问题答案： 首先，您需要将main.gsp（在头部）添加到行中 插件将自动下载。 对于完整的示例，您可以使用此链接 http://jay-chandran.blogspot.com/2011/09/using-grails-w
-
我在这里遵循烧瓶教程： http://blog.miguelgrinberg.com/post/the-flask-mega-tutorial-part-i-hello-world 我达到了我尝试的程度/跑py和我得到： 这看起来类似于： ImportError：没有名为flask的模块 但他们的解决方案没有帮助。作为参考，我确实有一个名为flask的文件夹，其中一位用户提到该文件夹可能会导致问题
-
我已经用flask在python上制作了一个restapi（端口：5000），我正在从一个网站（端口：80）发出get和post请求。我收到了cors错误，所以我尝试在RESTAPI中为站点创建一个响应头。但是我得到了导入错误： 我已经下载了烧瓶cors模块并升级它，并确保它是在正确的路径，但它仍然不工作。 API代码：