Django. Use Json file from context variable in Jquery

Question

I want to pass a list to Jquery and then use it with the Autocomplete jqueryui widget. It is a small list, so I don't think I need a new request. So, I guess I don't need to use Jsquery's getJSON.

I have:

 json_list = json.dumps(list)
 context = {'json_list':json_list}
 return render(request, template, context)

in jquery:

var json_list = JSON.parse({{json_list}});
$("#field").autocomplete({
  source: json_list
 });

I get a Syntax Error on "&quot":

 var autores_json = JSON.parse([&quot;Friedrich Hayek&quot;, &quot;Milton Friedma...

Im kind of lost here. Any help will be appreciated.

Grisha S · Accepted Answer · 2014-08-04 21:37:05Z

2

Forgot the quotes.

var json_list = JSON.parse('{{json_list}}');
$("#field").autocomplete({
  source: json_list
 });

Also, I'm not sure whether it will recognize " as a quote char, so maybe you should try:

var json_list = JSON.parse('{{json_list|safe}}');
$("#field").autocomplete({
  source: json_list
 });

answered Aug 4, 2014 at 21:37

Grisha S

8181 gold badge6 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

elzi · Accepted Answer · 2014-08-04 23:21:09Z

0

JSON.parse() need a string, so add some quotes.

Second, it's having trouble with HTML entities. After ensuring json_list is a string, use

JSON.parse(json_string.replace(/"/g,'"'));

EDIT: As mentioned above, better to pass safe in then use regex.

edited Aug 4, 2014 at 23:21

answered Aug 4, 2014 at 21:36

elzi

5,6927 gold badges40 silver badges62 bronze badges

Collectives™ on Stack Overflow

Django. Use Json file from context variable in Jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related