Главная
>
Javascript
>
Передача данных на javascript
>
Скрипт передачи данных с одной страницы сайта на другую с выводом их на странице на javascript
Скрипт передачи данных с одной страницы сайта на другую с выводом их на странице на javascript
Предположим, что вам необходимо передать данные с одной страницы сайта на другую при помощи javascript и при этом, не используя ни PHP, ни cookie, ни сессии. Передаваемые данные могут меняться, в зависимости от выбора, а принимающая страница одна для всех. Желательно, чтобы передача данных между файлами, могла выполняться даже локально в папке компьютера, без использования сервера.
Например, это могут быть страница-каталог с товарами и страница-калькулятор для расчета итоговой стоимости. У каждого товара в каталоге имеется кнопка «Перейти к расчету». При нажатии на кнопку, данные о конкретном товаре и цене передаются на страницу с калькулятором, который окончательно рассчитывает все параметры. Каждая отдельная кнопка, передает свою информацию. Страница с калькулятором, является общей для всех товаров и при расчетах изменяются лишь полученные название и стоимость товаров.
Таким образом, мы имеем два javascript скрипта. Первый скрипт на странице-каталоге, передающий название и цену товара при нажатии на кнопку «Перейти к расчету».
Второй скрипт на странице с калькулятором, который принимает данные и выводит их на страницу для окончательного расчета стоимости.
Такая технология передачи данных использует только javascript. Нам не нужно использовать php, cookie, сессии. Такие скрипты могут работать даже без сервера локально в папке компьютера и передавать данные между файлами.
В архиве на скачивание содержится готовый пример из двух html файлов:
catalog.html – имитирует сайт-каталог.
calculator.html – это форма демо-калькулятора на другой странице сайта.
Для начала работы следует запустить файл catalog.html
Скачать Скрипт передачи данных с одной страницы сайта на другую с выводом их на странице на javascript