Uncaught SyntaxError: Unexpected token & while rendering a Django template

Question

I'm trying to draw a line chart using "https://www.google.com/jsapi", and passing data from a Django view;

this is my template

<head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);

      function drawChart() {

        data = {{analytics_data}}
        var data = google.visualization.arrayToDataTable(data);

        var options = {
          title: 'Facebook Analytics'
        };

        var chart = new google.visualization.LineChart(document.getElementById('chart_div'));

        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
       <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>

views.py

def show_fb_analytics(request):
     analytics_data = [["Day", "Likes", "Share", "Comments"]]
     data = FbAnalytics.objects.all()
     for item in data:
        date = item.date
            likes = item.likes
            comments = item.comments
            shares = item.shares
            lst = [date, likes, comments, shares]
            analytics_data.append(lst)

     return render(request, 'fbchart.html', {'analytics_data':analytics_data})

The analytics_data should return data in format

[['Day', 'Likes', 'Share', 'Comments'],
 ['31 Aug',  5,      8,    10         ],
 ['01 Sep',  10,      5,    13         ]]

but during render of the html template it gives data it given format

[[&#39;Day&#39;, &#39;Likes&#39;, &#39;Share&#39;, &#39;Comments&#39;], 
  [u&#39;01Sep&#39;, 2, 2, 2]]

means it is adding u'&#39 in every string due to which I'm getting the error "Uncaught Syntax Error: Unexpected token &" and my temlate is not returning the line chart. How I can remove this error?

Spc_555 · Accepted Answer · 2014-09-01 06:29:11Z

9

You should convert your list to proper JSON first, like this:

import json

def show_fb_analytics(request):
    ...
    return render(request, 'fbchart.html', {'analytics_data': json.dumps(analytics_data)})

Then output it with "safe" filter, so Django's escaping engine doesn't intervene:

{{analytics_data|safe}}

Converting to JSON will output your list as JavaScript Array literal (instead of Python List literal; although the two are pretty similar, they are in fact different, in your case Python has u prefixes which JS doesn't, etc.), and using safe filter will prevent Django's template engine from converting ' to '

edited Sep 1, 2014 at 6:29

answered Sep 1, 2014 at 6:21

Spc_555

4,1512 gold badges30 silver badges35 bronze badges

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

1 Comment

Vishnukant Tripathi Over a year ago

Thanks Vasily; I converted my list to proper JSON but still I'm getting same error. Now after render &quot is being added in place of &#39.

therealak12 · Accepted Answer · 2020-07-08 13:14:31Z

1

@Spc_555's answer is correct but you can mark the JSON as safe in the view too:

import json

from django.utils.safestring import marksafe

def show_fb_analytics(request):
    ...
    return render(request, 'fbchart.html', {'analytics_data': mark_safe(json.dumps(analytics_data))})

answered Jul 8, 2020 at 13:14

therealak12

1,3562 gold badges14 silver badges29 bronze badges

Collectives™ on Stack Overflow

Uncaught SyntaxError: Unexpected token & while rendering a Django template

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related