質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

1回答

1835閲覧

javascript上でUTF8文字の日本語化(デコード)

tajix_japan

総合スコア132

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2016/12/25 01:03

post.htmlにてフォームを作成しpage.htmlにGETします。

post.html は、

<form action="page.html" method="GET"> <input type="text" name="city" value="1301"> <input type="text" name="pef" value="13"> <input type="text" name="cityname" value="千代田区"> <button type='submit' name='action' value='send'>送信</button> </form> となっております。

遷移後のURLは

page.html?city=130&pef=13&cityname=千代田区
となります。

このURLのクエリーを取得したいと思っています。
html上で行うため、phpは使えません。javascriptで全てを行います。

////URL解析して、クエリ文字列を返す////////

<script type="text/javascript"> var urlPrm = new Object; var urlSearch = location.search.substring(1).split('&'); for(i=0;urlSearch[i];i++) { var kv = urlSearch[i].split('='); urlPrm[kv[0]]=kv[1]; } </script>

////クエリ文字列を表示////////

<script> document.write("" + urlPrm.city + "");</script> <script> document.write("" + urlPrm.pref + "");</script>

でcity の1301 及び prefの13をそれぞれ文字として抽出することは成功しました。

【出来なかったこと】
cityname=千代田区の文字を抽出することができません。

<script> document.write("" + urlPrm.cityfname + "");</script>でそのまま抽出すると、%E5%8D%83%E4%BB%A3%E7%94%B0%E5%8C%BA とUTF8の記載になってしまいます。

これをデコードして、document.write で「千代田区」と表示させる方法をお教えいただきたくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

自己解決しました

<script> document.write(decodeURI("" + urlPrm.cityname + ""));</script>

投稿2016/12/25 01:17

tajix_japan

総合スコア132

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問