[英]Send JSON object from rails controller to Javascript
所以我有一个我构建的哈希,它看起来像这样:
Track_list = {:track1=>{:url=>"https://open.spotify.com/track/2Oehrcv4Kov0SuIgWyQY9e", :name=>"Demons"},
:track2=>{:url=>"https://open.spotify.com/track/0z8yrlXSjnI29Rv30RssNI", :name=>"Shots - Broiler Remix"},
:track3=>{:url=>"https://open.spotify.com/track/6Ep6BzIOB9tz3P4sWqiiAB", :name=>"Radioactive"},
:track4=>{:url=>"https://open.spotify.com/track/3I05foFixB2sSZvV5Ppty8", :name=>"Blank Space/Stand By Me - Medley / Live From Spotify London"},
:track5=>{:url=>"https://open.spotify.com/track/4G8gkOterJn0Ywt6uhqbhp", :name=>"Radioactive"}}
我正在尝试将该哈希转换为 JSON,以便我可以在我的 JS 文件中使用它,这就是我在控制器中所做的:
@tl = track_list.as_json
# and it produces a result like this:
# {"track1"=>{"url"=>"https://open.spotify.com/track /2Oehrcv4Kov0SuIgWyQY9e", "name"=>"Demons"},
# "track2"=>{"url"=>"https://open.spotify.com/track/0z8yrlXSjnI29Rv30RssNI", "name"=>"Shots - Broiler Remix"},
# "track3"=>{"url"=>"https://open.spotify.com/track/6Ep6BzIOB9tz3P4sWqiiAB", "name"=>"Radioactive"},
# "track4"=>{"url"=>"https://open.spotify.com/track/3I05foFixB2sSZvV5Ppty8", "name"=>"Blank Space/Stand By Me - Medley / Live From Spotify London"},
# "track5"=>{"url"=>"https://open.spotify.com/track/4G8gkOterJn0Ywt6uhqbhp", "name"=>"Radioactive"}}
但是,当我转到我的 JS 文件并尝试打印该文件时,这就是我得到的:
console.log("<%= @tl %>");
"{"track1":{"url":"https://open.spotify.com/track/2Oehrcv4Kov0SuIgWyQY9e","name":"Demons"},"track2":{"url":"https://open.spotify.com/track/0z8yrlXSjnI29Rv30RssNI","name":"Shots - Broiler Remix"},"track3":{"url":"https://open.spotify.com/track/6Ep6BzIOB9tz3P4sWqiiAB","name":"Radioactive"},"track4":{"url":"https://open.spotify.com/track/3I05foFixB2sSZvV5Ppty8","name":"Blank Space/Stand By Me - Medley / Live From Spotify London"},"track5":{"url":"https://open.spotify.com/track/4G8gkOterJn0Ywt6uhqbhp","name":"Radioactive"}}"
当我尝试这样做时:
console.log(JSON.parse("<%= @tl %>");
它不起作用。 我还尝试将j
放在@tl
前面,它给了我一个错误,说 hash 不能与 gsub 一起使用。
另外,当我尝试这样做时:
@track_list = JSON.generate(@tl) # from above
我明白了:
"{\"track1\":{\"url\":\"https://open.spotify.com/track/2Oehrcv4Kov0SuIgWyQY9e\",\"name\":\"Demons\"},\"track2\":{\"url\":\"https://open.spotify.com/track/0z8yrlXSjnI29Rv30RssNI\",\"name\":\"Shots - Broiler Remix\"},\"track3\":{\"url\":\"https://open.spotify.com/track/6Ep6BzIOB9tz3P4sWqiiAB\",\"name\":\"Radioactive\"},\"track4\":{\"url\":\"https://open.spotify.com/track/3I05foFixB2sSZvV5Ppty8\",\"name\":\"Blank Space/Stand By Me - Medley / Live From Spotify London\"},\"track5\":{\"url\":\"https://open.spotify.com/track/4G8gkOterJn0Ywt6uhqbhp\",\"name\":\"Radioactive\"}}"
所以它实际上正确地转义了所有内容......我不知道为什么当我在我的 JS 文件中使用相同的变量时,它不会转义引号或任何东西。
谢谢!
您可以通过执行以下操作将 JSON 对象从 Rails 控制器发送到 Javascript:
console.log("<%= @tl.to_json.html_safe %>");
尝试这个:
var my_obj = <%= j @tl %>;
console.log(my_obj);
你只是有几个小问题。 您确实需要在您的视图(或其别名j
)中使用escape_javascript
。 但是您也在引号之间粘贴 json 对象,这将导致浏览器将其视为字符串而不是 json 对象。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.