別ページ間でフォームデータをやりとりする

JavaScript Market - 動きのあるホームページを作る為の各種JavaScript のサンプルと小技集を公開中

別ページ間でフォームデータをやりとりする
なにか文字列を入力して送信ボタンをクリックして下さい。
■ 送信ページのソース
<form action="./xxx.html" onSubmit="this.box.value=escape(this.box.value)">
<input type=text name=box>
<input type=submit value=" 送 信 ">
<input type=reset value="リセット">
</form>
■ 受信ページのソース
<script>
val = document.location.search;
val = val.split("=");
val = unescape(unescape(val[1]));
if (val) val = "送信されたデータは<h1>" + val + "</h1>です。";
else val = "送信されたデータはなにもありません。";
document.write(val);
</script>
受信ページのスクリプトを少し工夫すると複数行のフォームデータも扱えます。

あいうえおかきくけこさしすせそ
■ 送信ページのソース
<form action="./xxx.html" onSubmit="this.box.value=escape(this.area.value)">
<textarea cols=30 rows=5 name=area>
</textarea>
<br>
<input type=submit value=" 送 信 ">
<input type=reset value="リセット">
</form>
■ 受信ページのソース
<script>
val = document.location.search;
val = val.split("=");
val = unescape(unescape(val[1]));
if (val) val = "送信されたデータは<pre><h1>" + val + "</h1></pre>です。";
else val = "送信されたデータはなにもありません。";
document.write(val);
</script>