jquery - 使用 django 模板将参数传递给页面上的 Javascript 代码？

Question

我有一个简单的 Django 应用程序，它具有各种不同 Assets 类型的各种 View 。我有各种 jQuery 函数来关闭 Assets 类型名称，因此当我使用 django 模板生成页面时，我使用模板变量来填充 javascript 代码中的 Assets 类型参数...

$(document).ready(function() 
{ 
    $(".project").click(function() {return FiltersChanged('{{ asset_type }}', $('#filter_entry').val());});
});

我在应用程序中经常使用这种范例，这对我来说似乎有点尴尬，我发现我在不同的模板文件中创建了很多重复的代码，只是因为我需要填写该 {{asset_type}} 变量，我希望能够减少重复，并且不需要每次都在模板中生成该代码。

那么，有没有更好的方法来做到这一点，而不需要在每个页面中重复代码？

Answer 1

对于这样的常用值，一种选择是让模板的某些部分将它们转储到全局可用的对象中，然后您的脚本可以通过这种方式访问​​这些值。例如，您可以执行以下操作:

<script>
  body.data('assetInfo', {
    'type': '{{ asset_type }}',
    // ...
  });
</script>

然后，当您的脚本需要这些内容时，只需转到正文标记上的“assetInfo”数据元素即可。当您的脚本可以摆脱服务器端代码时，这很好，因为您可以让客户端缓存它们。