javascript - Django 设计模式 - 在加载时填充客户端 JavaScript 变量的方法

Question

假设我有一个书籍列表，我想用 JavaScript 以某种方式呈现，而不是仅仅执行如下操作；

{% for book in books %}
  <div class="book-container">
    <div class="title">{{ book.title }}</div>
    <div class="author">{{ book.author }}</div>
  </div>
{% endfor %}

我想将书籍的 json 表示形式加载到 JavaScript 变量中(可能是我在客户端代码中定义的 Book 对象列表)，并使用 JavaScript 以更“奇特”的方式呈现它。

无论如何，我正在考虑在页面加载时发送一个发布请求以获取数据并将其加载到变量中。有一个更好的方法吗？这些是我最初的天真的猜测。

编辑:本质上，我想了解一种合法/推荐的方法来获取上下文服务器端并将其加载到页面加载时的 JavaScript 变量客户端中。

Answer 1

为什么不直接在模板中将其输出为 JSON 呢？这将节省额外的 POST 请求。

<script type="text/javascript">
    var books = {{ my_json_data }}
</script>

现在 books 是一个全局 JS 变量，可以从其他脚本访问。