Javascript 附加到文本区域的闪光信息

我试图检索flash消息并将其附加到网页的文本区域中。该函数在没有flask/flash提供的代码的情况下工作，但尝试将flash代码与javascript混合使用是行不通的。我使用onclick=“get_flash（）；”调用此函数。onclick在没有嵌入flash代码的情况下工作

head>
<script type="text/javascript">
function get_flash(){
{% with messages = get_flashed_messages() %}
    {{% if messages %}
         {% for message in messages() %}
             document.getElementById('msg_box').innerHTML+={{message}};
         {% endfor %}
    {% endif %}
{% endwith %}
}

head>
函数get_flash（）{
{%with messages=get_flashed_messages（）%}
{{%if消息%}
{messages（）中的消息为%s}
document.getElementById（'msg_box'）。innerHTML+={{{message}；
{%endfor%}
{%endif%}
{%endwith%}
}

您的代码导致意外的标识符错误。请在

{{message}

变量周围加引号

{% with messages = get_flashed_messages() %}
    {% if messages %}
        {% for message in messages %}
          document.getElementById('msg_box').innerHTML += "{{message}}";
        {% endfor %}
    {% endif %}
{% endwith %}

---

你试过没有括号的

消息吗？我试过了。没有改变。我一次从函数中剪下一行，看看哪一行有问题。即使第一行是唯一的一行，函数也会变得未定义。如果我只保留一个document.getElement行，函数就可以工作。我想当你被刷新时_服务器上的que已清空，后续调用将返回空消息。继续追加最后一条消息的代码是否有问题。我每秒都有一个setInterval调用get_flashed_message。{%with messages=get_flashed_messages（）%}{%if messages%}var strng=“”；const div=document.getElementById（'msg_box'）；{%for messages%}strng=“{{{message}}”+“\r”；div.insertAdjacentHTML（'beforeEnd'，strng）；{%endfor%}{%endif%}{%endwith%}