将 url 从 python 传递到 Flask 中的 JavaScript答案

【问题标题】：Passing an url from python to JavaScript in Flask将 url 从 python 传递到 Flask 中的 JavaScript
【发布时间】：2020-06-24 07:48:51
【问题描述】：

我有这个烧瓶应用程序

@app.route('', methods=['POST'])
def my_function():
 (...some functions...)
 map = some_url    
 return render_template ("main.html", map = map)

我想在我的 JavaScript 中插入“map”（.js 在 /static 中）：

 btn.addEventListener("click", function(){
   var newMap = document.createElement("IMG");     
   newMap.setAttribute("src", "{{map}}");
   newMap.setAttribute("width", "300");
   newMap.setAttribute("height", "300");

我在return render_template 之前做了一个print(map)，它打印得很好，但newMap 已创建但为空，就像没有src 一样。

【问题讨论】：

也许看看这个问题，假设您使用 jinja 进行模板渲染：stackoverflow.com/questions/11178426/…
@Jon，我已经阅读了这篇文章，但是当我使用 {{ variable }} 时，它会在我的 JavaScript 控制台中引发 SyntaxError。
看看这个。如果 javascript 在 /static 它不是模板，并且 jinja 不会呈现它：stackoverflow.com/questions/29335633/…

标签： javascript python url flask

【解决方案1】：

有一个替代解决方案可以正常工作。您可以创建一个隐藏输入并将其值设置为地图变量

<input type="hidden" value={{map}} id="inputId"/>

现在使用 javascript 访问值并将 setAtrribute 第二个参数更改为 mapValue

mapValue = document.getElementById("inputId").value
newMap.setAttribute("src", mapValue);

【讨论】：