javascriptでパラメータを受け取る時、日本語が文字化けしてしまう。

Question

パラーメータに含まれる日本語を文字化けさせず、取得したい。

試したこと
下記のようにパラメータを取得するところまでできました。

let param = location.search;
console.log(param);

結果
しかし、デバッグすると下記のようになります...
http://localhost:3000/experiences/new.1confirm?datetime=2019%E5%B9%B43%E6%9C%8828%E6%97%A510:00-120%E5%88%86%E3%82%B3%E3%83%BC%E3%82%B9

元のURL
http://localhost:3000/experiences/new.1confirm?datetime=2019年3月28日10:00-120分コース

理想
最終的には、「2019年3月28日10:00-120分コース」の部分を取得したい。

Answer 1

回答させていただきます。
URLエンコードされているので逆にデコードすると良いと思います。

let param = decodeURI(location.search);
console.log(param);

[参考]https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/decodeURI

Comments

[rails_ruby]

ご教示いただきありがとうございます。
URLについて、勉強不足だったため勉強になりました。

Answer 2

パーセントエンコーディングという正常な動作であり、文字化けではありません。
デコードを行えば元の文字列を取得することができます。

let param = location.search;
console.log(decodeURIComponent(param));

Comments

[rails_ruby]

そうだったんですね。
勉強になりました。