为什么我在flask模板中得到了正确的对象，而在click函数中得到了一堆数字？

Question

我正在使用烧瓶开发文章评论。 但是，当我通过单击处理程序函数从flask 测试commentIp 对象时，我得到了一串数字而不是对象。

这是模板代码。（cips：一组cip对象；我在模板中得到了正确的对象）

  {% for i in range(0,comments |length) %}
      {% set comment=comments[i] %}
      <p>{{ loop.index }}. Email:{{ comment.email }}</p>
      <p>PostTime:{{ comment.postTime }}</p>
      <p>Content:{{ comment.content }}</p>

      {% set up_btn_id='up_btn'~ i|string %}
      {% set down_btn_id='down_btn'~ i|string %}

      {% if cips[i].vote_state ==0 %}
          <button id='{{up_btn_id}}' onclick="upVote(this)">up:{{ comment.upvoteNum }}</button>
          <button id="{{down_btn_id}}" onclick="downVote(this)">down:{{ comment.downvoteNum }}</button>

      {% elif cips[i].vote_state ==1 %}
          <button id='{{up_btn_id}}' onclick="upVote(this)" style="color: green">up:{{ comment.upvoteNum }}</button>
          <button id="{{down_btn_id}}" onclick="downVote(this)">down:{{ comment.downvoteNum }}</button>

      {% else %}
          <button id='{{up_btn_id}}' onclick="upVote(this)">up:{{ comment.upvoteNum }}</button>
          <button id="{{down_btn_id}}" onclick="downVote(this)" style="color: red">down:{{ comment.downvoteNum }}</button>
      {% endif %}


      {% if flag==1 %}
          <form action="../cdelete/{{ comment.id }}" method="post">
              Password:<input type="password" name="psw">
              <input type="submit" value="delete">
          </form>
      {% endif %}
  {% endfor %}

这是 upVote 功能

 function upVote(up_btn) {
        const cips = '{{cips}}';
        for (let cip in cips)
            console.log(cip);//a bunch of Numbers from 0 to 72
    }

Answer 1

当值被放入模板时，它采用文字值。 javascript 无法理解cips数组。 想想看，它是您在 python 中定义的对象列表 - javascript 应该如何知道这些是什么？ 它适用于您的值，例如comment.upvoteNum因为这是一个字面值。 它不理解这些对象 - 您可能会看到对象内存地址。 因此，为了将您的 {{cips}} 放入 javascript 中的数组，您需要将这些对象转换为json 。 Flask 为此提供了一些方便的功能 - 查看tojson - 它的 HTML 安全以及 json 安全。 看起来您还试图更新您传入的模型的状态（即投票）。 您可能希望将其提交给 Flask 视图函数，因此请记住，HTML 中的 cip 对象所做的更改就是这样。 除非发送回您的服务器并进行处理，否则它们不会反映在 Python 中的 cip 模型中。