JS access to python variables via flask {{ variable }} format not working

Question

python:

import json
posts = [
{'author':'JL Rowling','title':'Harry Potter'},
{'author':'JRR Tolkien','title':'Lord of the Rings'},
]
encoded_posts = json.dumps(posts)

javascript:

let obj = {{ encoded_posts }};

JS error logged in console:

Uncaught SyntaxError: Unexpected token ';'

Here are the page according to the CONSOLE. It seems to be losing(?) the {{encoded_posts}}.

<!DOCTYPE html>
<html>
  <head>

      <title>Flask Blog - About</title>

  </head>
  <body>
    <h1>About page!</h1>
    <script>
      let text = document.getElementsByTagName('h1')[0];
      text.addEventListener('click',function(){
        text.style.color = 'red';
      });

      let obj = ;
      let jsonPosts = JSON.parse();
      console.log(jsonPosts);

    </script>
  </body>
</html>

What's happening?

You have a typo in your script tag. let obj = ;

Danizavtz
– Danizavtz

2020-05-25 20:19:31 +00:00
Commented May 25, 2020 at 20:19 — Danizavtz
– Danizavtz, Commented May 25, 2020 at 20:19

sc0rp1on · Accepted Answer · 2020-05-25 20:18:20Z

1

Have you tried doing:

let obj = JSON.parse('{{ encoded_posts }}');

answered May 25, 2020 at 20:18

sc0rp1on

3681 silver badge16 bronze badges

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

Collectives™ on Stack Overflow

JS access to python variables via flask {{ variable }} format not working

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related