Htmlのformの値の取得方法について

Question

質問がわかりにくかったです。申し訳ありません。
例えば会員登録画面で入力された名前や住所などの情報を会員登録内容確認画面で表示したい場合どのようにすれば会員登録.htmlで入力された内容を会員登録内容確認.htmlで表示することができるでしょうか。

kaiintouroku.htmlで
<form id="form1" action="kaiintourokunaiyoukakunin.html" >
名前：<input type="text" id=" name="name" >
住所：<input type="text" id=" name="zyuusyo" >
<input type="submit" value="登録">
</form>

kaiintourokunaiyoukakunin.htmlで

<ul>

<li>名前（入力された名前表示)</li>

<li>住所（入力された住所表示)</li>

</ul>

Comments

[think49]

編集後の質問を読みましたが、私は質問を正しく認識できていると思っています。不足事項があるのであれば、回答にコメントして下さい。

Answer 1

form送信したパラメータはサーバサイドで受け取りますのでクライアント側で実行するJavaScriptで受け取ることは出来ません。
GETメソッドで送信されたパラメータはURIに埋め込まれる為、location.search で間接的に受け取ることは可能ですが。

Re: altooo さん

Comments

[altooo]

回答ありがとうございます。
monacaというIDEで開発しているのですがサーバーで受け取る場合はどのように記述すればよいでしょうか？javaでjspやservletでスコープに保存するやり方は知っているのですがhtmlやjavascriptで受け取る方法はないのですか？

[think49]

HTTP通信の仕組みを調べてみてください。
https://www.google.co.jp/search?num=30&q=http+%E3%82%B5%E3%83%BC%E3%83%90%E3%82%B5%E3%82%A4%E3%83%89+%E3%82%AF%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%B3%E3%83%88%E3%82%B5%E3%82%A4%E3%83%89+web%E3%82%B5%E3%83%BC%E3%83%90+%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6
それが分かれば「なぜ HTML, JavaScript で受け取ることが出来ないのか」も理解できると思います。

Answer 2

単に遷移する、といわれても中間に介在するサーバアプリケーションが分からなければ
具体的には示せません。

一般的な概念でお答えすれば、フォームの値をHTML経由で遷移先に、というならば、
POSTメソッドで送り、サーバで受け、サーバが次の画面を描画するときに、
POST値を用いる、というのが一般的でしょう。

ここに、ログインしたらずっとログインしっぱなしみたいな概念が入ると、
サーバとのセッションを保持する話になります。

Answer 3

formのテキストボックスの値については

document.form1.text1.value

で取得できます。（formのname属性がform1,inputのname属性がtext1）

この取得した値をWebストレージに入れておけば次のページでも使えると思います。

if(window.sessionStorage){
	var str = document.form1.text1.value;
	window.sessionStorage.setItem("form1_value" , str);
}

逆に取り出すときは

getItem("form1_value")

で取り出せます。

これらの処理を行うタイミングについては、

<input type="button" name="next" value="次のページへ" onClick="next()">

という感じでボタン等を用意してこれらがクリックされると呼び出される関数を用意して先ほどの処理をいれてやればよいと思われます。