将 Django 模板变量传递给 JS 函数

Question

在我的一个模板中，我有一个遍历所有项目的 for 循环。当一个人喜欢或不喜欢一个项目时，我想用我的函数来处理它。将按钮的 HTML 设置为类似这样的工作：

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

但是，我需要将模板变量传递给函数。所以我尝试了这样的事情：

            <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 中使用单引号