Сохранение значения при переходе на другую страницу

79
11 января 2022, 11:20

Как сделать, чтобы значение сохранялось при переходе на другую страницу?

Есть у меня number.value и нужно, чтобы ее значение сохранялось при переходе на другую страницу.

Смысл в том, что когда открывается страница, из нее мы берем number.value и сохраняем его где-то, а уже исходя их этого value делаем те или действия на другой странице.

Answer 1

Вам необходим механизм Web Storage API

Например на первой странице сохраняем значение переменной: localStorage.setItem("someNumber", number.value);
На последующих, это значение можно получить:
localStorage.getItem("someNumber");

Answer 2

Используйте куки для хранения:

var createCookie = function(name, value, days) {
    var expires;
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toGMTString();
    }
    else {
        expires = "";
    }
    document.cookie = name + "=" + value + expires + "; path=/";
}
function getCookie(c_name) {
    if (document.cookie.length > 0) {
        c_start = document.cookie.indexOf(c_name + "=");
        if (c_start != -1) {
            c_start = c_start + c_name.length + 1;
            c_end = document.cookie.indexOf(";", c_start);
            if (c_end == -1) {
                c_end = document.cookie.length;
            }
            return unescape(document.cookie.substring(c_start, c_end));
        }
    }
    return "";
}
Answer 3

Данные между переходами можно сохранять в:

  • sessionStorage и localStorage
  • window.name
  • куках
  • и ещё нескольких менее популярных местах

Для определения перехода между страницами можно использовать события:

  • load
  • beforeunload
  • unload

Выбираем нужный комплект, совмещяем в желаемом порядке и пользуемся.

Как сделать глобальную переменную такой, чтобы не меняла своё значение при переходах по страницам

READ ALSO
Как получить html код dom элемента

Как получить html код dom элемента

Необходимо получить html код дочернего dom элемента, зная id родителя и childNodes[index] элементаБуду признателен за примеры

190
Как получить значения всех select в php массив?

Как получить значения всех select в php массив?

Есть страничка с select и кнока addНапример мне нужен три продукта и я нажав кнопку получил три select поля

159