gpt4 book ai didi

jquery 自动完成功能无法与 django 一起正常工作

转载 作者:行者123 更新时间:2023-11-30 23:19:30 25 4
gpt4 key购买 nike

我想使用 django 在我的网页上实现自动完成功能。我继续使用 jquery 自动完成,它有足够的文档说明如何实现它。我也对我的 django View 和 url 进行了相应的更改。我仍然无法查看自动完成中的任何条目。

下面是代码片段,可以清楚地了解我如何实现它

mypage.html

<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">

...
...

<script>
$(function() {
var entries= [
"emp1",
"emp2",
"emp3",
"emp4",
"emp5"
];
$("#vote").autocomplete({
source: "api/get_employees/",
});
});
</script>

...
...
...

<div class="ui-widget">
<input id="vote" type="text" name="vote"/>
<input type="submit" value="Vote" />
</div>

url.py

url(r'^api/get_employees/', views.get_employees, name='get_employees')

View .py

def get_employees(request):
data = ['MyName']
return HttpResponse(json.dumps(data),'application/json')

我也尝试将 [{id:'MyName'}] 传递给数据。但在自动完成过程中我仍然没有得到它。我确信 jquery 部分没有任何问题,因为如果我将条目变量传递给源,一切都会正常工作。只有当我更改它以从 django View 获取数据时,它才会遇到问题。这方面的任何指示都会有所帮助。我尝试过 stackoverflow 中的其他帖子,但没有成功。

最佳答案

您的 JSON 应如下所示:

[
{
"id":"Ficedula hypoleuca",
"label":"Eurasian Pied Flycatcher",
"value":"Eurasian Pied Flycatcher"
},
{
"id":"Muscicapa striata",
"label":"Spotted Flycatcher",
"value":"Spotted Flycatcher"
}
]

当您查看 http://jqueryui.com/autocomplete/#multiple-remote 中的示例时您可以看到自动完成功能正在“询问”http://jqueryui.com/resources/demos/autocomplete/search.php

您还应该使用 /api/get_employees/ 而不是 api/get_employees/

也许这也很重要(对于你的 django 部分):jquery 使用参数 term to 作为搜索词。例如http://jqueryui.com/resources/demos/autocomplete/search.php ?term=ca 正在搜索“ca”

关于jquery 自动完成功能无法与 django 一起正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26038189/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com