将flask变量从javascript传递到html

我尝试通过编程在JavaScript中生成一个html div，并在单击按钮时将其添加到我的html页面中。除了没有显示来自Flask的变量外，其他一切都很好

例如：

Javascript:

function add_div(){
    var html_to_add = "<div><p>{{my_string}}</p></div>";
    $(html_to_add).insertBefore("#submit-btn");
}

在html中单击按钮时，它会显示：

{{my_string}}

，而不是“Variableáafficher”

有没有办法正确显示变量

希望这有帮助

var my_str = '{{ my_string }}';
var html_to_add = "<div><p>" + my_str + "</p></div>";

var my_str='{{my_string}}'；
var html_to_add=“”+my_str+”
”；

希望这有帮助

var my_str = '{{ my_string }}';
var html_to_add = "<div><p>" + my_str + "</p></div>";

var my_str='{{my_string}}'；
var html_to_add=“”+my_str+”
”；

请尝试以下操作：

var html_to_add = `<div><p>${my_string}</p></div>`;

var html_to_add=`${my_string}
`；

请注意标点符号“”，它是反引号。

请尝试以下操作：

var html_to_add = `<div><p>${my_string}</p></div>`;

var html_to_add=`${my_string}
`；

---

注意标点符号，它是反引号。

你能试试这个

var html\u to\u add=str（“”++{my\u string}}+”
”不幸的是，它无法工作，即使我将javascript代码放入
标记中。下面是屏幕截图：您是否直接输入了
my_string
的值？请尝试以下几行
var my_str='{{my_string}}'和
var html_to_add=“”+my_str+”
”var html\u to\u add=str（“”++{{my\u string}}}+”
”）吗不幸的是，它无法工作，即使我将javascript代码放入
标记中。下面是屏幕截图：您是否直接输入了
my_string
的值？请尝试以下几行
var my_str='{{my_string}}'和
var html_to_add=“”+my_str+”
”即使使用Jinga表达式，它也能完美工作！非常感谢@ArihantIt，即使使用Jinga表情，它也能完美工作！非常感谢@Arihant