I'm having some issues passing a Python list to JavaScript as an array. My code is below, and outputs a blank screen, with error: 'Uncaught ReferenceError: array is not defined'.
from flask import Flask, render_template
import json
app = Flask(__name__)
@app.route('/')
def my_view():
array = [1, 2, 3, 4, 5]
jsarray = json.dumps(array)
return render_template('index.html', array=jsarray)
app.run()
<script>
var data = JSON.parse(array)
document.write(data)
</script>
You can use the Jinja2 filter tojson. A conversion of the data to JSON within the route is not necessary. You can simply pass the list to the template.
@app.route('/')
def my_view():
array = [1, 2, 3, 4, 5]
return render_template('index.html', array=array)
<script>
const data = {{ array | tojson }};
console.log(data);
</script>
change your index.html to
<script>
var data = JSON.parse({{ array }})
document.write(data)
</script>