URLパラメータのデコードがうまくいかない

Question

下記コードでURLパラメーターをデコードしたいのですが、うまくいきません。。

jQuery(function ($) {

    let urlParamStr = location.search;
    console.log(urlParamStr);
//  =>  ?id=%83e%83X%83g%8E%91%8D%DE03%201

    urlParamStr = decodeURI(urlParamStr) 
    console.log(urlParamStr)

 
});

エラー内容

user_form.js:5 Uncaught URIError: URI malformed
    at decodeURI (<anonymous>)
    at HTMLDocument.<anonymous> (user_form.js:5)
    at j (jquery.js:2)
    at Object.fireWith [as resolveWith] (jquery.js:2)
    at Function.ready (jquery.js:2)
    at HTMLDocument.K (jquery.js:2)

よろしくお願いいたします。

Answer 1

decodeURI() は、シフトJISをエンコードしたものはデコードできません。

簡単な回避策は思い浮かばないですね。自前で%エンコーディングをデコードするのは難しいことではありませんが、シフトJISのバイト列を得てもJavaScriptではまともに扱えないです。

Comments

[kwtkwt]

やはりシフトJISでエンコードされたものは、デコードできないのですね。。
回答いただきありがとうございます。

Answer 2

decodeURI() 関数は、encodeURI() 関数あるいは同様のルーチンによって事前に作成された URI (Uniform Resource Identifier; 統一資源識別子) をデコードします。

decodeURI() - JavaScript | MDN

　

encodeURI() 関数は、URI (Uniform Resource Identifier; 統一資源識別子) をエンコードし、各文字のインスタンスをそれぞれ UTF-8 符号の文字を表す 1 個から 4 個のエスケープシーケンスに置き換えます

encodeURI() - JavaScript | MDN

ということですので、Shift-JISのデコードはできないと思います。

Comments

[kwtkwt]

回答いただきありがとうございます。
Shift-JISのデコードはできないとのことなので、元のHTMLをUTF-8にする方向で調整したいと思います。

[Lhankor_Mhy]

https://teratail.com/questions/60076
既存の質問で参考になりそうなものがありました。