Javascriptを使ってページ移動時の値を引き継ぎたい

Question

Javascriptを勉強しながらWEBページ作成をおこなっています。

現在、手こずっているところとして、Aというページに入力した値をBというページに移動したときに引き継ぎたいというものです。

色々調べたりしましたが、URLに値を反映させるやり方があるとわかったぐらいです。

現在、こんな感じです。

var $link = $(".js_cfmLink"); 
	
	var Link = document.getElementByclass("js_cfmLink");
	
	Link.href = Link.split("?")[0] + "?" + pair;
	
	var pair = parseInt(location.search.substring(1),10);

Answer 1

webストレージというものが存在します。以下のように使います。

var storage = sessionStorage; 
もしくは
var storage = localStorage;

storage.setItem("キーとなる名前 自由につけられる", 10);

var val = storage.getItem("setItemしたときのキー");

また、クッキーを利用する方法も考えられます。

Comments

[U1720]

回答有難うございます。
今回は”javascript”を使って値を引き継ぎをしたいので、WEBストレージもcookieも使うことができません。

[orange0190]

>今回は”javascript”を使って値を引き継ぎをしたいので、WEBストレージもcookieも使うことができません

? どういうことですか? WEBストレージもクッキーもjavascriptで扱いますが。

[U1720]

URLの後ろの方に値を付けてページ移動の際にも値を引き継ぎたいのです。

[orange0190]

つまり、クエリ情報の受け渡しですか。
それならば、以下のようにしてできます。

「遷移元」
location.href = "hoge.html?name=" + encodeURIComponent(value);

nameの部分は自由に決定してください。

「遷移先」

var vars = [], max = 0, hash = "", array = "";
var url = window.location.search;

//?を取り除くため、1から始める。複数のクエリ文字列に対応するため、&で区切る
hash = url.slice(1).split('&');
max = hash.length;
for (var i = 0; i < max; i++) {
array = hash[i].split('='); //keyと値に分割。
vars.push(array[0]); //末尾にクエリ文字列のkeyを挿入。
vars[array[0]] = decodeURIComponent(array[1]); //先ほど確保したkeyに、値を代入。
}

var val = vars["name"]; //遷移元の「name」と同じ名前

[U1720]

ありがとうございました。助かりました。