javascript - JSON:未捕获的语法错误:参数列表后缺少)

Question

在 Rails 应用程序中，我在包含图标和一些值的 Controller 中定义了一个对象:

@data = "<i class='fa fa-circle fa-lg'></i><span>Speed: </span> #{b.speed.to_f} | Time: #{b.gps_date.try(:strftime, '%-m/%e %H:%M')}} <br />".html_safe.to_json

在 View 中我这样解析它:

<script>
  var data = JSON.parse('<%= raw @data.as_json %>');
</script>

但是我得到以下错误:

Uncaught SyntaxError: missing ) after argument list

当我删除包含类的单引号的图标代码时，我工作正常

<i class='fa fa-circle fa-lg'></i>

我该如何修复这个错误？

Answer 1

你想将 HTML 字符串发送到 JS，所以需要 to_json，因为它用于将 Hash 转换为 JSON 。所以只需在服务器端使用 html_safe。

而在客户端，由于您拥有字符串中的所有 HTML，无需 as_json，只需像通常在 JS 中那样使用字符串即可。 as_json 是一种用作 ActiveRecord Serializer 的方法。

@data = "<i class='fa fa-circle fa-lg'></i><span>Speed: </span> #{b.speed.to_f} | Time: #{b.gps_date.try(:strftime, '%-m/%e %H:%M')}} <br />".html_safe

和

var data = <%= raw @data %>;