Отображение окна оформления заказа без перезагрузки страницы

@qwertyqwertyzoo · Регистрация: 25.10.2015

Студворк — интернет-сервис помощи студентам

Всем привет! Нашел интересный Сайтик и хочу себе сделать такой же интернет-магазин, тобишь табличный.
А именно в таблице находится корзина и при добавлении товара без перезагрузки открываеться меню заказа с возможностью оформить заказ.

На чем это реализовано на PHP или JavaScript? И как такое написать?

@Jodah · 25.10.2015, 19:59

JS, в том числе AJAX. Как - читать мануалы и статьи.

@qwertyqwertyzoo · 25.10.2015, 22:14 **[ТС]**

А с помощью PHP такое не сделать? без JS

@prudkiy · 25.10.2015, 23:45

Примерно это реализовано так -
При добавлении товара, js собирает данные о нем (думаю это id товара в базе), через ajax делает запрос скрипту php на выбор данных по полученном id. Получает данные, помещает их в нужный блок... итд

Dmitry · 25.10.2015, 23:47

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

без JS

+

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

без перезагрузки

= никак

@prudkiy · 26.10.2015, 00:02

если вы знакомы с js, ну или больше с jQuery, то научить такому не сложно.
Что могу подсказать по ajax то, если использовать jQuery, запрос к php скрипту делается так

JavaScript
1
2
3
4
5
6
7
8
9
10
        function getData(data,d){
            alert(data);
        }
        $.ajax({
                    url: "laction.php", // путь к обработчику
                    type: "POST", // метод передачи (хотя на самом деле пох какой)
                    data: ({var1: 'text1', var2: 'text2'}), // передаваемые данные, через запятую
                    dataType: "html", // ожидаемый тип возвращенных данных 
                    success: getData // функция сработает при получении данных
                });

Замечу что код функции должен быть прописан ранее ее указания.
В обработчике данные принимаете как обычно. В данном примере

PHP
1
$_POST['var1'];

Чтоб указать в обработчике данные которые нужно вернуть пишите echo

PHP
1
echo 'это вернется в ответ на запрос';

Если нужно вернуть массив, что часто бывает, то пропускаете нужный массив через функцию json_encode

PHP
1
echo json_encode($arrData);

Только нужно учесть что придет массив не js и чтоб он соответствовал js пропустите его через JSON.parse

JavaScript
1
2
3
4
function getData(data,d){
            data = JSON.parse(data);
            alert(data);
        }

Собственно это все по ajax, если же конечно использовать jQuery.
Как видете, если с js проблем у вас нету, то с передачей данный через ajax точно не возникнет )

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .

@qwertyqwertyzoo 0 / 0 / 0 Регистрация: 25.10.2015 Сообщений: 4

	Отображение окна оформления заказа без перезагрузки страницы 25.10.2015, 17:21. Показов 588. Ответов 5 Метки нет (Все метки) Всем привет! Нашел интересный Сайтик и хочу себе сделать такой же интернет-магазин, тобишь табличный. А именно в таблице находится корзина и при добавлении товара без перезагрузки открываеться меню заказа с возможностью оформить заказ. На чем это реализовано на PHP или JavaScript? И как такое написать? 0

@Jodah 3899 / 3237 / 1353 Регистрация: 01.08.2012 Сообщений: 10,909
	25.10.2015, 19:59
	JS, в том числе AJAX. Как - читать мануалы и статьи. 0

@qwertyqwertyzoo 0 / 0 / 0 Регистрация: 25.10.2015 Сообщений: 4
	25.10.2015, 22:14 [ТС]
	А с помощью PHP такое не сделать? без JS 0

@prudkiy 181 / 149 / 55 Регистрация: 21.07.2013 Сообщений: 958
	25.10.2015, 23:45
	Примерно это реализовано так - При добавлении товара, js собирает данные о нем (думаю это id товара в базе), через ajax делает запрос скрипту php на выбор данных по полученном id. Получает данные, помещает их в нужный блок... итд 0