Rails $.ajax で送信したjsonデータをjs.erbファイル内でエスケープ解除できない

Question

$.ajaxでリクエストを出して、データをviewのjs.erbで受けようとしていますが、
データにかけられたエスケープ処理が元に戻りません。

js.erbのviewsで、普通に使える連想配列にしたいのですが、どのようにしたらよいのでしょうか。

$(() => {
  var fd = new FormData();
  fd.append('jsondata', JSON.stringify({ "S": ["1", "2", "3"], "A": ["4", "5"] }))

	$.ajax({
	  type: "POST",
	  beforeSend: function (xhr) {
	  xhr.setRequestHeader('X-CSRF-Token',
	  $('meta[name="csrf-token"]').attr('content'))
	  },
	  url: "/manage/search",
	  data: fd,
	  dataType: "script",
	  processData: false,
	  contentType: false,
	});
})

#app/controllers/manage
  def search
    @data = params[:jsondata]
  end

// app/views/manage/search.js.erb
　console.log("<%= @data %>")

search.js.erbが実行される際に、コンソールに表示されるデータ

{"S":["1","2","3"],"A":["4","5"]}

やってみたこと

1. console.log("<%= JSON.parse(@data) %>")としてみた。
2. console.log("<%= CGI.unescapeHTML(@data) %>")としてみた。

どちらもコンソールに表示されるデータに変化がありませんでした。
何卒よろしくお願いいたします。

Answer 1

おそらく、受信側 (js.erb) ではなく、送信側 ($.ajax を使っている方) に問題ありです。
原因は、contentType を 'application/json' に設定していないためだと思います。

詳しくは「jquery ajax json 送信」等で検索してください。

Comments

[orori]

ありがとうございます。'application/json'でもやってみたのですが、上のとおりかわりません。あまりにダメなので、正規表現で<%= @data.to_s.gsub!(/&quot;/,"") %>としても、表示されないです。js.erbは何か特殊な環境なのでしょうか・・・

[2KOH]

これが原因でないならわかりません。
環境を再現して調べればわかるかもしれませんが、そこまではしたくないので、すみませんが他の人を頼ってください。

[orori]

以下のようにしましたら、できました！
console.log('<%= raw(@data.to_json) %>')

まず、全体の囲いをJSON内部と干渉しないようにシングルクオートに変更し、
to_jsonメソッドでアローをコロンに変換、rawでエスケープを解除します。

以下に記載がありました。
https://stackoverflow.com/questions/39240224/how-can-i-unescape-and-remove-quot-from-data-served-by-rails-into-javascript

contentTypeはこれらの前提でした。ありがとうございました。