Rails在javascript中访问json对象

Question

var errorList = "<%= object.errors.messages.to_json %>";

在上面的代码中object.errors.messages存储了如下所示的Hash值。

{ 
  :username => [
    "can't be blank", 
    "is too short (minimum is 8 characters)"
  ],
  :first_name => [
    "can't be blank"
  ],
  :last_name => [
    "can't be blank"
  ], 
  :email => [
    "can't be blank",
    "is invalid"
  ],
  :secondary_email => [ 
    "can't be blank",
    "is invalid",
    "has already been taken"
  ],
  :password => [ 
    "can't be blank"
  ]
}

我想在 javascript 中以 json 对象的形式访问此哈希值，以便我可以方便地访问每个错误消息（例如 errorList.username、errorList.first_name 等）。所以我正在尝试将该哈希值转换为 json 和将其分配给 errorList 变量。这样我就可以访问错误消息（例如 errorList.username、errorList.first_name 等）。

<%= object.errors.messages.to_json %>" /*here i am trying to convert hash value into json

但是我无法使用上面的代码做到这一点，如果有的话，告诉我该代码中的错误，否则告诉我如何在 ruby​​ 中将哈希值作为 javascript 中的 json 访问。

谢谢。

Answer 1

您将 json 作为字符串传递，javascript 不知道它是 json。此外，该字符串不是 html_safe，因此 ruby​​ 会尝试转义它。你需要告诉 rails 它是安全的并解析它：

var errorList = JSON.parse("<%= object.errors.messages.to_json.html_safe %>");

但是，这不是最好的方法。有一个非常漂亮的 gem，叫做 gon。它允许您轻松地将 ruby​​ 变量传递给您的 javascript，并将此逻辑从您的视图移动到您的控制器。

# controller
gon.errorList = object.errors.messages

# javascript
gon.errorList      #=> {"username": ["can't be blank", ....], ...}