jquery - 如何从 Django(Python) 接收 jQuery 列表

Question

我从 Django(Python) 向 jQuery 发送一个列表，但它在接收时抛出一些错误？

这是我用 python 发送的内容。

hubcode_list = ['a','b']
ctx = {'form':form, 'hubcode_list' : hubcode_list, 'admin_permission' : admin_permission}
return render(request, 'dummy/config.html', ctx)

jQuery:-

var hubcode_list = {{ hubcode_list }}

它返回一个错误:-

SyntaxError: syntax error
var hubcode_list = ['a', 'b']

当我使用escapejs作为

var hubcode_list = {{ hubcode_list|escapejs }}

它抛出

SyntaxError: illegal character
var hubcode_list = [\u0027a\u0027, \u0027b\u0027]

如何从服务器(Python)接收列表？我需要实现自动完成功能，需要传递标签列表。

$( ".hubcode_list" ).autocomplete({
        source: hubcode_list
    });

Answer 1

hubcode_list = [str(i) for i in hubcode_list]  #unicode string not understood by javascript
{{ hubcode_list|safe }}

好的方法是传递json。

>>> import json
>>> hubcode_list = ['a','b']
>>> json.dumps(hubcode_list)
>>> '["a", "b"]'

jQuery:

var hubcode_list = JSON.parse(hubcode_list)

如果您想实现jquery Autocomplete，您应该通过AJAX来实现。 您不应该一次通过所有自动完成操作。如果有数千个数据怎么办？参见this tutorial关于如何使用 Django 实现 jquery 自动完成。