Вопрос:
Я хочу передать значение выбранного элемента списка на другую страницу, означает, что если я выберу abc из списка, это значение abc переходит к следующей форме html и должно открыть этот профиль page only.Is есть способ, которым я могу использовать эту переменную среди разных html-страниц.
$(‘.ui-li-icon li’).click(function() { var index = $(this).index(); text = $(this).text(); alert(‘Index is: ‘ + index + ‘ and text is ‘ + text);
Я хочу передать указанное выше текстовое значение в свой profile.html, у которого есть функция javascript profile(). Так что я хочу передать этот текст в вызове функции, например (текст), я попытался объявить текст var над вызовом функции, но все еще не работает. Скажите мне, существует ли какой-либо другой способ.
Лучший ответ:
Вы можете передать это значение как фрагмент URL.
В вашей функции щелчка, откройте ‘/profile.html #’ + text
В вашем файле profile.html получите фрагмент URL.
Пример кода:
Чтобы перейти к профилю .html
window.location.href = ‘<path to profile.html>’ + ‘#’ + text;
В профиле(), чтобы получить параметр, используйте
var text = window.location.hash.substring(1) Ответ №1
Существуют разные способы сделать это
Сохранить выбранный элемент в файлах cookie
// Store it in the cookies document.cookie=»selected=john» // Get it in the profile.html var cookie = document.cookie;
Сохранить выбранный элемент в локальном хранилище
// Store it in the local storage localStorage.setItem(‘selected’, ‘john’); // Get it from the local storage var selected = localStorage.getItem(‘selected’);
Использовать параметр запроса (рекомендуется)
Вы можете передать выбранный элемент в параметре запроса profile.html?selected=john. Я рекомендую этот метод. Вы можете прочитать выбранный элемент location.search
Ответ №2
HTML/HTTP не имеет статуса, это означает, что то, что вы делали/видели на предыдущей странице, полностью отключено от текущей страницы.
1) – Простое использование хранилищ Front End, которое оснащает любой браузер (Cookie, хранилище сеансов, локальное хранилище) и помещает значение на одну страницу и получает значение в других.
Учитывая, что:
Cookie сохраняет данные до тех пор, пока вы не определились,
Хранилище сеансов сохраняет данные до закрытия вкладки браузера по умолчанию
Локальное хранилище сохраняет данные до тех пор, пока браузер не будет полностью закрыт и не будет делиться этими данными между вкладками (страницами). Он хранит данные без истечения срока действия и очищается только через JavaScript или очищает кэш браузера/локально хранимые данные – в отличие от срока действия cookie.
2) -второй способ сохранить это как параметр запроса – добавить атрибуты к элементу, когда он сгенерирован с помощью функции рендеринга Ajax
ссылка
другая ссылка
– > и после щелчка по этому элементу постройте “URL/? action = getAll и element = product и id = 1212”, а на второй странице, который будет удален, вы можете проанализировать этот URL и вызвать соответствующий Ajax с соответствующими параметрами.
Возможно, эта дополнительная информация будет полезна.
Как передать объект javascript с одной страницы на другую
Дополнительная информация о “Решение для хранения клиентов”
В чем разница между localStorage, sessionStorage, session и cookies?
Ответ №3
Вы можете использовать localStorage events для передачи значений между веб-страницами, как показано в этой демонстрации:
Ответ №4<form action=»profile.html» method=»GET»> <input type=»text» id=»something» name=»something»> <input type=»submit» value=»Send» name=»submit» id=»submit»> </form>
это перенаправит страницу на profile.html с параметрами ?something=textishere
это будет сформированный url: /profile.html?something=textishere&submit=Send»
то вы можете получить параметры на этой странице, используя
location.search