Главная > Javascript > Передача данных на javascript > Скрипт передачи данных с одной страницы сайта на другую с выводом их на странице на javascript

Скрипт передачи данных с одной страницы сайта на другую с выводом их на странице на javascript

Предположим, что вам необходимо передать данные с одной страницы сайта на другую при помощи javascript и при этом, не используя ни PHP, ни cookie, ни сессии. Передаваемые данные могут меняться, в зависимости от выбора, а принимающая страница одна для всех. Желательно, чтобы передача данных между файлами, могла выполняться даже локально в папке компьютера, без использования сервера.

Javascript переча данных между страницами сайта и вывод

Например, это могут быть страница-каталог с товарами и страница-калькулятор для расчета итоговой стоимости. У каждого товара в каталоге имеется кнопка «Перейти к расчету». При нажатии на кнопку, данные о конкретном товаре и цене передаются на страницу с калькулятором, который окончательно рассчитывает все параметры. Каждая отдельная кнопка, передает свою информацию. Страница с калькулятором, является общей для всех товаров и при расчетах изменяются лишь полученные название и стоимость товаров.

Таким образом, мы имеем два javascript скрипта. Первый скрипт на странице-каталоге, передающий название и цену товара при нажатии на кнопку «Перейти к расчету». Второй скрипт на странице с калькулятором, который принимает данные и выводит их на страницу для окончательного расчета стоимости.

Такая технология передачи данных использует только javascript. Нам не нужно использовать php, cookie, сессии. Такие скрипты могут работать даже без сервера локально в папке компьютера и передавать данные между файлами.

В архиве на скачивание содержится готовый пример из двух html файлов:

catalog.html – имитирует сайт-каталог.
calculator.html – это форма демо-калькулятора на другой странице сайта.

Для начала работы следует запустить файл catalog.html

Скачать Скрипт передачи данных с одной страницы сайта на другую с выводом их на странице на javascript


на странице автора