URLの日本語引渡しそして表示

質問

Javascriptで下記のようなことをしようと思っているのですが、一つ一つは色々なページを見て、理解したのですが、全てを合わせる方法がイマイチ分かりません。やりたいことは、

　<a href="XXX">商品１</a>
↓　クリック　
　URL http://xxx?エンコードされた商品1という文字列
　　　　　　　↓　次ページ
　次のページでページ内に「商品１」とデコードされて表示　

ということです。商品１という部分が英数字であればできるということは
実践できたのですが、そのデータをエンコードし、デコードするという過程をどのように埋め込めば良いか分からないでおります。

恐れ入りますが教えて下さい！

回答No.1

pick52

CGIなどに値を渡さずに直接JavaScriptでエンコードしJavaScriptで
デコードするなら

// エンコード
var str = encodeURIComponent(str);

// デコード
var str = decodeURIComponent(str);

です。
(両方ともUTF-8になります)