將 Django 模板變量傳入 JS function

Question

在我的一個模板中，我有一個遍歷所有項目的 for 循環。 當一個人喜歡或不喜歡某件物品時，我想用我的 function 來處理它。 將按鈕的 HTML 設置為如下所示：

            <button onclick='update_like(arg1, arg2)'></button>{{ item.id}}

但是，我需要將我的模板變量傳遞給 function。 所以我嘗試了這樣的事情：

            <button onclick='update_like({{item.id}}, {{item.name}})'></button>{{ item.name}}

但是單擊按鈕只會輸出： Uncaught SyntaxError: Unexpected token 'default'

這是我正在使用的完整模板的精簡版：

{% extends 'base.html' %}
{% load static %}

{% block content %}
<div class="list">
    {% for item in items %}
               <button onclick='update_like({{item.id}}, {{item.name}})'></button>{{ item.name}}
    {% endfor %}
</div>

 <script>
 var count = {};
 function update_like(item_id, item_name) {
     count[item_id] = 1;
     console.log(count);
     return; 
 }
 </script>
{% endblock %}

Answer 1

假設 item.id 是數字，item.name 是字符串。 您必須像這樣引用您的價值：

<button onclick="update_like({{item.id}}, '{{item.name}}')"></button>{{ item.name}}

為確保上述代碼安全：將item.name ' \' item.name引號