Getting error while passing data of DJango list to javascript list

Question

I have a python-Django list:

list_a = ['user_a', 'user_b']

Now i render it to a template with the following code:

extra_context = {
    'a': list_a
}
return direct_to_template(request, 'mytemplate.html', extra_context)

In my template, I wrote the following java script code to pass the list_a Django-list to Js-list:

var user = [{% for i in user_list %}{{ i }}{% if forloop.last %}{%else%},{%endif%}{% endfor %}];

But when i open the template. It is showing following error (checked with Inspect element):

Uncaught ReferenceError : user_a is not defined

I tried to print the user variable reside in javascript using Inspect Element. It print the correct value i.e.

var user = [user_a, user_b]

I am not able to understand why is it happening :(

@DanielRoseman I didn't got you. I just checked these error with the Fire bug or Inspected element tools in Chrome — Amit Pal
– Amit Pal, Commented Jul 7, 2012 at 23:10
@AmitPal right, so var user = [user_a, user_b], but what are user_a and user_b? Those inner names are not defined, hence the error. — kojiro
– kojiro, Commented Jul 7, 2012 at 23:26
@kojiro OH!I got that, But how should i defied that because it is dynamic list fetched from the database in python. I am newbie in Javascript. What should i do? Would it be possible to pass these as a string? — Amit Pal
– Amit Pal, Commented Jul 7, 2012 at 23:32

Amit Pal · Accepted Answer · 2012-07-07 23:43:56Z

1

I think that i have found the mistake:

Update `var user = [{% for i in user_list %}{{ i }}{% if forloop.last %}{%else%},{%endif%}{% endfor %}];

to

var user = [{% for i in user_list %}"{{ i }}"{% if forloop.last %}{%else%},{%endif%}{% endfor %}];`

are giving me the right solution.

answered Jul 7, 2012 at 23:43

Amit Pal

11.1k31 gold badges87 silver badges170 bronze badges

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

Comments

iancoleman · Accepted Answer · 2012-07-08 00:03:29Z

0

In your template you can use

var user = {{user_list|safe}};

Using this template code, a python list defined as

user_list = ['te"s\'t1', 'test2'];

gives the following results when viewing javascript source

var user = ['te"s\'t1', 'test2'];

Whereas your original solution will give

var user = ["te&quot;s&#39;t1","test2"];

Which one you use really depends on what you intend to do with the usernames. Regardless of whether you use 'safe' or not in your template, it seems like the for and if statements in your template are a bit over-worked.

answered Jul 8, 2012 at 0:03

iancoleman

2,8162 gold badges21 silver badges17 bronze badges

Collectives™ on Stack Overflow

Getting error while passing data of DJango list to javascript list

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