enviando datos como objeto JSON desde Python a Javascript con Jinja

python-2.7 jinja2

Question

Esta pregunta ya tiene una respuesta aquí:

• JavaScript eleva SyntaxError con datos representados en la plantilla de Jinja 2 respuestas

Estoy tratando de enviar un punto lat / long como un objeto JSON desde Python a un javascript. Estoy usando Flask, así que lo siguiente es la plantilla de Jinja ...

Pitón:

@app.route(''/'')
def homepage():
    lat_lng = (39.7392,-104.9847) 
    return render_template("index_v2.html", lat_lng=json.dumps(lat_lng))

html con js:

<script type=''text/javascript''>
    var map;
    function initialize() {
      // Create the map.
      var lat_lng = eval(''({{ lat_lng }})'')
      map = new google.maps.Map(document.getElementById(''map-canvas''), {
        zoom: 8,
        center: new google.maps.LatLng(lat_lng)
      });

    }

    google.maps.event.addDomListener(window, ''load'', initialize);
  </script>

Estoy usando la evaluación porque la notación estándar de Jinja de la variable = {{datos}} no funciona y encontré algunos consejos que la evaluación era necesaria. ¿Algún consejo?

Answer 1

La documentación de Flask Jinja2 cubre esto bastante bien. El primer ejemplo en la sección "Filtros estándar" muestra exactamente cómo incrustar un objeto JSON de python en un script de Javascript:

<script type=text/javascript>
    doSomethingWith({{ user.username|tojson|safe }});
</script>

Así que en este caso:

var lat_lng = {{ lat_lng|tojson|safe }};

tojson llama a los dumps en los datos, por lo que debe pasar los datos directamente a la plantilla en lugar de llamarlos a los dumps de lo contrario, serializará los datos dos veces y terminará con una cadena JSON.