Сессия без обновления страницы

@cagefighter582 · Регистрация: 27.08.2016

Привет всем, у меня есть код

PHP/HTML

<!-- Модальное окно 1 -->
<a href="#x" class="overlay" id="win1"></a>
<div class="popup">
<form method="post" action="connect.php">
<h2>Уведомление</h2>
Выбранный товар добавлен в корзину.
<br>
Что бы завершить заказ нажмите кнопку оформить
<br>
Если вы хотите продолжить выбор закройте это окно
<br>
Общая сумма заказа: 
<br>
<?php
$_SESSION["summa"] = $_SESSION["summa"] + $price1;
$_SESSION["zakaz"] = $_SESSION["zakaz"] + $zakaz1;
echo $_SESSION["summa"];
?>
<br>
<?php
echo $_SESSION["zakaz"];
?>
<br>
<p style="text-align: center;">
<a class="button button-green" href="#win5">Оформить</a>
</p>
</form>
<a class="close" title="Закрыть" href="#close"></a>
</div>

Эта процедура выполняется при нажатии на кнопку, страница не обновляется(так и должно быть) но сессия без обновления страницы не присваивает переменные как мне сделать что бы по нажатию страница не обновлялась но добавилась переменная

@Gcom · 29.08.2016, 10:14

Сообщение от cagefighter582

но сессия без обновления страницы не присваивает переменные как мне сделать что бы по нажатию страница не обновлялась

Как вариант через jquery собрать данные с формы и через ajax отослать их на файл обработчик запроса.

@cagefighter582 · 29.08.2016, 10:15 **[ТС]**

Проблема в том что у меня в обработчике сразу идет запрос мне нельзя туда сразу отправить мне нужно что бы в сессию переменные сохранялись(

@Gcom · 29.08.2016, 10:19

cagefighter582, Ну с формы передайте данные в этот файл обработчик а там сохраните данные в сессию.

@cagefighter582 · 29.08.2016, 10:21 **[ТС]**

что бы мне передать туда данные нужно открыть тот файл, а если я его открою выполнится запрос mysql или я что то не понимаю?)

@Gcom · 29.08.2016, 10:27

cagefighter582, собираем данные:

Javascript

        $('#SendButton').click(
            function () {
                var FormData = $('#FormData').serialize();
                $.ajax({
                    url:'sender.php',
                    type:'POST',
                    data: FormData,
                    success: 
                    function (ResponseFromServer) {
                        alert(ResponseFromServer);
                    }
                });
            }
        );

А в файле "приемнике":

PHP

if (isset($_POST['price1'], $_POST['zakaz1'])) {
    $_SESSION["summa"] = $_SESSION["summa"] + $_POST['price1'];
    $_SESSION["zakaz"] = $_SESSION["zakaz"] + $_POST['zakaz1'];
}

И данные должны обновиться.

@cagefighter582 · 29.08.2016, 10:31 **[ТС]**

а куда мне твой код в мою кнопку вставить как код от php??
а так спасибо то что помогаешь

@Gcom · 29.08.2016, 10:31

cagefighter582, можно даже так:

PHP

if (isset($_POST['price1'], $_POST['zakaz1'])) {
    $_SESSION["summa"] = $_SESSION["summa"] + $_POST['price1'];
    $_SESSION["zakaz"] = $_SESSION["zakaz"] + $_POST['zakaz1'];
 
    header("Content-Type:text/html; charset=UTF-8");
    echo 'Тут писать то что нужно вывести в алерте';
    echo 'Можно даже и вывести текущее значения '.$_SESSION["summa"].' '.$_SESSION["zakaz"];
}

@cagefighter582 · 29.08.2016, 10:40 **[ТС]**

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

Добавлено через 2 минуты
обработчик работает запрос делает переменные отправляет, но он и раньше с обновлением отправлял переменные сессии, а мне на главной надо просто как то их складывать в этой же сессии

Добавлено через 4 минуты
и еще почему то переменные складывает не по нажатию а просто по обновлению страницы кнопку не нажимая а надо именно по кнопке так как будут разные переменные

@Gcom · 29.08.2016, 10:49

cagefighter582, что бы кнопка обрабатывала только js нужно так сделать:

HTML5

1	<button id="SendButton" type="button">

код js нужно добавлять в файл с формой.
Это выносить в отдельный файл или добавлять в тот файл где требуется обновить данные сессии:

PHP

if (isset($_POST['price1'], $_POST['zakaz1'])) {
    $_SESSION["summa"] = $_SESSION["summa"] + $_POST['price1'];
    $_SESSION["zakaz"] = $_SESSION["zakaz"] + $_POST['zakaz1'];
 
    header("Content-Type:text/html; charset=UTF-8");
    echo 'Тут писать то что нужно вывести в алерте';
    echo 'Можно даже и вывести текущее значения '.$_SESSION["summa"].' '.$_SESSION["zakaz"];
}

@cagefighter582 · 29.08.2016, 10:53 **[ТС]**

HTML5

1	<a href="#win1" class="button button-green">В корзину</a>

вот моя кнопка что мне и как добавить подскажи и я буду счастлив

эта кнопка открывает частичку кода страницы которую я дал выше

@Gcom · 29.08.2016, 10:58

Сообщение от cagefighter582

вот моя кнопка

о.О это ссылка, тут явный переход идет

А вот кнопка:

HTML5

1	<button id="SendButton" type="button" class="button button-green">В корзину</button>

И с формы нужно будет action убрать, да и method тоже:

HTML5

1
2
3

<form>
    
</form>

@cagefighter582 · 29.08.2016, 12:56 **[ТС]**

там не переход, а может и переход там эта часть сначала не показывается если нажимаю кнопку и у меня всплывает окно но со страницы я никуда не перехожу, я уже весь запутался....

Добавлено через 2 минуты

HTML5

1	<button id="SendButton" type="button" class="button button-green">В корзину</button>

а так у меня не выходит то самое окно код окна:

PHP

<!-- Модальное окно 1 -->
<a href="/" class="overlay" id="win1"></a>
<div class="popup">
<form method="post" action="connect.php">
<h2>Уведомление</h2>
Выбранный товар добавлен в корзину.
<br>
Что бы завершить заказ нажмите кнопку оформить
<br>
Если вы хотите продолжить выбор закройте это окно
<br>
Общая сумма заказа: 
<br>
<?php
$_SESSION["summa"] = $_SESSION["summa"] + $price1;
echo $_SESSION["summa"];
?>
<br>
<p style="text-align: center;">
<a class="button button-green" href="#win5">Оформить</a>
</p>
</form>
<a class="close" title="Закрыть" href="#close"></a>
</div>

Добавлено через 49 минут
лююююди

ну очень нужно

Добавлено через 1 час 3 минуты
ладно попробую еще раз поднять тему(

@SergioO · 29.08.2016, 14:15

Сообщение от cagefighter582

лююююди ну очень нужно

на какой стадии процесс?

@cagefighter582 · 29.08.2016, 21:29 **[ТС]**

сессия работает и прибавляет переменные все которые есть в коде а надо что бы одну на которую я нажму)

Кликните здесь для просмотра всего текста

HTML5

<?php 
$price1 = 100;
$price2 = 200;
$price3 = 300;
$price4 = 400;
$zakaz1 = "Тухлятина";
session_start();
?>
<HTML
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Разработка</title>
<meta name="author" content="Dobrovoimaster" />
<meta name="keywords" content="CSS, CSS3, модальное окно, всплывающие окна" />
<meta name="description" content="Как с помощью CSS3, без использования javascript и изображений, создать всплывающие модальные окна" />
<meta name="robots" content="all" />
<meta name="copyright" content="Система доставок" />
<!-- стили демо страницы -->
<link rel="stylesheet" href="css/demo-page.css" rel="stylesheet">
<!-- стили модального окна -->
<link rel="stylesheet" href="css/style-modal.css" rel="stylesheet">
</head>
<body>
<div class="container">
<h1>My Diplom<span>Разработка динамической системы заказов <br> Данная система будет подходить для любого сайта с тематикой доставок какой либо продукции</span></h1>
<hr>
<!-- блок кнопок на вызов модальных окон -->
<div style="text-align: center;">
<div class="box-list-cnt">
<h4 class="uppercase">
<?php
echo $zakaz1;
?>
</h4>
<p>Состав:</p>
<p>Стухшее яйцо</p>
<p>Блювотина</p>
<p><span>
<?php
echo $price1;
?>
</span> руб</p>
<a href="#win1" class="button button-green">В корзину</a>
</div>
</div>
<hr>
<!-- Модальное окно 1 -->
<a href="/" class="overlay" id="win1"></a>
<div class="popup">
<h2>Уведомление</h2>
Выбранный товар добавлен в корзину.
<br>
Что бы завершить заказ нажмите кнопку оформить
<br>
Если вы хотите продолжить выбор закройте это окно
<br>
Общая сумма заказа: 
<?php
$_SESSION["summa"] = $_SESSION["summa"] + $price1;
echo $_SESSION["summa"];
echo " руб.";
echo "</br> Общая сумма заказа обнулится после оформления";
?>
<br>
<?php
echo $_SESSION["zakaz"];
?>
<br>
<p style="text-align: center;">
<a class="button button-green" href="#win5">Оформить</a>
</p>
<a class="close" title="Закрыть" href="#close"></a>
</div>
 
<!-- Модальное окно 5 -->
<a href="#x" class="overlay" id="win5"></a>
<div class="popup">
<form method="post" action="connect.php">
<input type="text" name="sender_name" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'* Ваше Имя':this.value;" value="* Ваше Имя" class="your-name"/>
<input type="text" name="sender_tel" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'* Ваш телефон':this.value;" value="* Ваш телефон" class="your-name"/>
<input type="text" name="sender_gorod" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'* Город доставки':this.value;" value="* Город доставки" class="your-name"/>
<input type="text" name="sender_adres" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'* Адрес':this.value;" value="* Адрес" class="your-name"/>
<input type="text" name="sender_dom" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'* Дом':this.value;" value="* Дом" class="your-name"/>
<input type="text" name="sender_kvar" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'* Квартира':this.value;" value="* Квартира" class="your-name"/>
<p style="text-align: center;">
<input type="submit" value="Заказать" class="button button-green">
</p>
</form>
<a class="close" title="Закрыть" href="#close"></a>
</div>
 
<!-- Модальное окно 6 -->
<a href="#x" class="overlay" id="win6"></a>
<div class="popup">
<h2>Ваш заказ был оформлен</h2>
Скоро с вами свяжется наш сотрудник,
</br>
с которым можно обговорить подробности заказа.
</br>
Пожалуйста положите телефон ближе и не пропустите звонок
<p style="text-align: center;">
<a class="button button-green" href="#close">Хорошо</a>
</p>
<a class="close" title="Закрыть" href="#close"></a>
</div>
 
<div class="about">
<p class="about-author">
&copy; 2016 <a href="/" target="_blank">Динамическая система заказов</a>
</p>
</div>
</div>
</body>
</html>

вот код страницы, неужели опять ты поможешь

Добавлено через 2 часа 28 минут

Сообщение от SergioO

на какой стадии процесс?

блин долго отвечал обидно) ладно сам виноват)

@Gcom · 30.08.2016, 07:16

Сообщение от cagefighter582

сессия работает и прибавляет переменные все которые есть в коде а надо что бы одну на которую я нажму)

Не совсем понятно, что значит "на которую я нажимаю", код посмотрел там все на одной странице, и не совсем понятно логика работы, вижу непонятные ссылки (В корзину, Оформить, Хорошо), куда они ведут какая их роль? Скорее всего у Вас не правильная реализация поставленной задачи, ну либо сама задача не четко прорисовывается, отсюда и хромает реализация ее, опишите что изначально и как должно выглядеть, на мой выглядит тут явно нужно все переделать основательно.

Добавлено через 2 минуты
cagefighter582, и почему Вы уцепились в эти сессии? Многие используют их в том месте когда можно обойтись и без них, возможно у Вас как раз такой случай.

@cagefighter582 · 30.08.2016, 10:12 **[ТС]**

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

@SergioO · 30.08.2016, 10:25

cagefighter582, да уж, долго отвечали
у вас БД как устроена?
список товаров формируется из базы?
1. пользователь заходит на страницу - PHP извлекает из БД товары(допустим у нас они помещаются на одной странице)
и выводит их пользователю
2. пользователь выбирает товар (здесь отрабатывает JS(AJAX)). скрипт отсылает артикул товара на сервер
сервер(PHP) вносит данные в сессию

@Gcom · 30.08.2016, 10:28

cagefighter582, нужен "обработчик" кнопки, а не ссылки, а у Вас

HTML5

1	<a href="#win1" class="button button-green">В корзину</a>

Если была бы кнопка, мы бы могли послать с формы данные методом POST/GET, затем принять их и уже обработать, т.е. если данные пришли, проверяем какие данные пришли и уже на основе этого изменяем сессионную переименую (но этот метод с перезагрузкой странички, после нажатия кнопки)

Если нужно без перезагрузки то только JS Вам поможет, об этом я уже писал выше.

З.Ы. проблема у вас в этом:

HTML5

1
2

<meta name="keywords" content="CSS, CSS3, модальное окно, всплывающие окна"/>
<meta name="description" content="Как с помощью CSS3, без использования javascript и изображений, создать всплывающие модальные окна"/>

Я вообще не понимаю как вы собирались делать "обработчик" нажатия "кнопок" при таком подходе.

Добавлено через 1 минуту

Сообщение от SergioO

у вас БД как устроена?

Да нету там не какой БД, там просто HTML код с Модальными окнами на CSS.

@cagefighter582 · 30.08.2016, 10:49 **[ТС]**

Сообщение от Gcom

Да нету там не какой БД, там просто HTML код с Модальными окнами на CSS.

не хорошо так сразу говорить бд там есть и она способна принять переменные сессии и заполнения адреса имени телефона и тд но вот осталось только переменные обработать, но я вообще никак не могу разобраться с этими ajax и js

@cagefighter582 0 / 0 / 0 Регистрация: 27.08.2016 Сообщений: 89
	30.08.2016, 10:12 [ТС]	17
	вот сайт эти твои непонятный ссылки делают всплывающие окна можешь зайти посмотреть а сессии мне нужны что бы считалась общая сумма на которую я заказал, только вот проблема эти мои всплывающие окна не на Ajax. 0

@SergioO 260 / 208 / 99 Регистрация: 13.12.2015 Сообщений: 1,098
	30.08.2016, 10:25	18
	cagefighter582, да уж, долго отвечали у вас БД как устроена? список товаров формируется из базы? 1. пользователь заходит на страницу - PHP извлекает из БД товары(допустим у нас они помещаются на одной странице) и выводит их пользователю 2. пользователь выбирает товар (здесь отрабатывает JS(AJAX)). скрипт отсылает артикул товара на сервер сервер(PHP) вносит данные в сессию 0

@Gcom 82 / 82 / 18 Регистрация: 03.02.2016 Сообщений: 564 Записей в блоге: 1
	29.08.2016, 10:14	2
	Сообщение от cagefighter582 но сессия без обновления страницы не присваивает переменные как мне сделать что бы по нажатию страница не обновлялась Как вариант через jquery собрать данные с формы и через ajax отослать их на файл обработчик запроса. 0

@cagefighter582 0 / 0 / 0 Регистрация: 27.08.2016 Сообщений: 89
	29.08.2016, 10:15 [ТС]	3
	Проблема в том что у меня в обработчике сразу идет запрос мне нельзя туда сразу отправить мне нужно что бы в сессию переменные сохранялись( 0

@Gcom 82 / 82 / 18 Регистрация: 03.02.2016 Сообщений: 564 Записей в блоге: 1
	29.08.2016, 10:19	4
	cagefighter582, Ну с формы передайте данные в этот файл обработчик а там сохраните данные в сессию. 0

@cagefighter582 0 / 0 / 0 Регистрация: 27.08.2016 Сообщений: 89
	29.08.2016, 10:21 [ТС]	5
	что бы мне передать туда данные нужно открыть тот файл, а если я его открою выполнится запрос mysql или я что то не понимаю?) 0

@cagefighter582 0 / 0 / 0 Регистрация: 27.08.2016 Сообщений: 89
	29.08.2016, 10:31 [ТС]	7
	а куда мне твой код в мою кнопку вставить как код от php?? а так спасибо то что помогаешь 0

@cagefighter582 0 / 0 / 0 Регистрация: 27.08.2016 Сообщений: 89
	29.08.2016, 10:40 [ТС]	9
	вставил твой код и сайт пишет что не может обработать запрос на главной странице, туда я вставил первый код Добавлено через 2 минуты обработчик работает запрос делает переменные отправляет, но он и раньше с обновлением отправлял переменные сессии, а мне на главной надо просто как то их складывать в этой же сессии Добавлено через 4 минуты и еще почему то переменные складывает не по нажатию а просто по обновлению страницы кнопку не нажимая а надо именно по кнопке так как будут разные переменные 0

@SergioO 260 / 208 / 99 Регистрация: 13.12.2015 Сообщений: 1,098
	29.08.2016, 14:15	14
	Сообщение от cagefighter582 лююююди ну очень нужно на какой стадии процесс? 0

@Gcom 82 / 82 / 18 Регистрация: 03.02.2016 Сообщений: 564 Записей в блоге: 1
	30.08.2016, 07:16	16
	Сообщение от cagefighter582 сессия работает и прибавляет переменные все которые есть в коде а надо что бы одну на которую я нажму) Не совсем понятно, что значит "на которую я нажимаю", код посмотрел там все на одной странице, и не совсем понятно логика работы, вижу непонятные ссылки (В корзину, Оформить, Хорошо), куда они ведут какая их роль? Скорее всего у Вас не правильная реализация поставленной задачи, ну либо сама задача не четко прорисовывается, отсюда и хромает реализация ее, опишите что изначально и как должно выглядеть, на мой выглядит тут явно нужно все переделать основательно. Добавлено через 2 минуты cagefighter582, и почему Вы уцепились в эти сессии? Многие используют их в том месте когда можно обойтись и без них, возможно у Вас как раз такой случай. 0

@cagefighter582 0 / 0 / 0 Регистрация: 27.08.2016 Сообщений: 89
	30.08.2016, 10:49 [ТС]	20
	Сообщение от Gcom Да нету там не какой БД, там просто HTML код с Модальными окнами на CSS. не хорошо так сразу говорить бд там есть и она способна принять переменные сессии и заполнения адреса имени телефона и тд но вот осталось только переменные обработать, но я вообще никак не могу разобраться с этими ajax и js 0