передачи значения от одной страницы к другой с помощью Java Script

Question

Я должен реализовать следующее Java Script/HTML

1. первой страницы (1.html) кнопка будет. Когда пользователь нажимает кнопку ok, он должен открыть вторую страницу (2.html).

2. На странице 2 (2.html) будет одно текстовое поле и кнопка. когда пользователь вводит какое-либо значение в текстовое поле и нажимает кнопку ok, значение должно быть доступно на одной странице 1.html.

Как это сделать в Java Script/Html

Answer 1

Существует 2 способа перекрестного браузера для этого, задание параметра в URL-адресе или использование файла cookie. Оба могут быть выполнены с помощью javascript. Однако, не зная длины данных (и личных предпочтений по отношению к безумно длинным URL-адресам), я бы рекомендовал использовать файл cookie.

Самый простой способ, с помощью которого я нашел это, взаимодействовать с куки-файлами через javascript с помощью плагина jQuery cookie. https://github.com/carhartl/jquery-cookie

//page2 
    $('#okButton').click(function(e){ 
     e.preventDefault(); 
     var getInput = $('#yourTextInput').val(); 
     $.cookie('mycookie', getInput); 
    }); 

    //page1 
    $.cookie('mycookie'); //this will return the value of yourTextInput 

Answer 2

В зависимости от уровня совместимости вам требуется, используя возможности HTML5 Local Storage может быть хорошей идеей.

На вашем 2.html, установите значение с помощью setItem:

localStorage.setItem('aNameForYourData',data_var); 

Затем, чтобы получить его на 1.html, используйте getItem:

data_var = localStorage.getItem('aNameForYourData'); 

Если вам нужна поддержка менее современный браузерам, рассмотрите файлы cookie. Вы можете найти информацию об использовании файлов cookie here.