将数据从Phoenix发送到Slim模板中的Javascript

这可能会让您感觉不好,但这是从后端向前端发送数据的最有效方式。 In fact, it's pretty common.

其他发送数据的方式总是涉及发出单独的web请求,这在大多数情况下通常是不需要的。

由于您使用的是jQuery,它还抽象了实现,因此您可以在 data- 属性并可以使用它,而无需在客户端对其进行解析。

div id='item' data-obj='{"foo":"bar"}'

在您的JS中:

$('#item').data('obj') // {foo: bar}

相关资源:

• 堆栈溢出: Store JSON object in data attribute in HTML jQuery
• MDN: Use Data Attributes
• 博客帖子: Using HTML 5 Data Attributes

我通常这样做:

div id="component"
javascript:
  var templateData = {
    name: '<%= @name %>',
    product_str: '<%= Poison.encode!(@product) %>',
  };

您可能需要安装 Poison 将数据编码为JSON。