PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Как обновлять содержание другой страницы через Ajax

Форумы портала PHP.SU » PHP » Программирование на PHP » CMS и фреймворки (Модераторы: OrmaJever, Саныч)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

denisseo	Отправлено: 18 Мая, 2014 - 17:24:54
Новичок Покинул форум Сообщений всего: 9 Дата рег-ции: Июнь 2011 Помог: 0 раз(а)	Добрый день уважаемые посетители форума Помогите пожалуйста с помощью технологии ajax вывести на странице сайта содержание таблицы с другой страницы. Требуется это для того, чтобы при добавлении товара в корзину посетитель сайта мог видеть количество добавленного товара и кнопку оформить заказ на странице, на которой он положил товар в корзину. Вывести содержание загруженной корзины получилось с помощью обычного скрипта, но проблема в том, что содержание корзины отображается лишь после перезагрузки страницы - а не сразу по добавлению товаров в корзину. Вот мой код: <div id="cart_div"></div> <script> $(document).ready(function () { var cart_div = $("#cart_div"); cart_div.load("/cart/ .table.cart"); }); </script> с помощью данного кода у меня получается вывести со страницы /cart/ содержание таблицы <table class="table cart"></tabe>, но, для того, чтобы его посмотреть необходимо нажать f5 на этой же странице. как сделать с помощью ajax так чтобы содержание таблицы выводилось сразу при добавлении товара в корзину, без обновления всей страницы. Заранее спасибо за ответ

Viper	Отправлено: 18 Мая, 2014 - 18:40:41
Активный участник Покинул форум Сообщений всего: 4555 Дата рег-ции: Февр. 2007 Откуда: Симферополь Помог: 98 раз(а)	Вешайте обработку не на ready а на click по элементу. ----- Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе

denisseo	Отправлено: 18 Мая, 2014 - 18:48:10
Новичок Покинул форум Сообщений всего: 9 Дата рег-ции: Июнь 2011 Помог: 0 раз(а)	Viper пишет: Вешайте обработку не на ready а на click по элементу. Viper, спасибо за ответ Помогите пожалуйста с кодом кнопка добавления в корзину <input type="submit" value="В корзину"> заранее спасибо

Viper	Отправлено: 18 Мая, 2014 - 18:59:24
Активный участник Покинул форум Сообщений всего: 4555 Дата рег-ции: Февр. 2007 Откуда: Симферополь Помог: 98 раз(а)	CODE (javascript): скопировать код в буфер обмена $(':submit').click(function(e){ $('#cart_div').load('/cart/ .table.cart'); }); Учтите что лучше для кнопки добавить id и обращаться через него ибо код выше обработает все кнопки с типом submit. Т.е. CODE (html): скопировать код в буфер обмена <input type="submit" id="update_cart" value="Добавить" /> CODE (javascript): скопировать код в буфер обмена $('#update_cart').click(function(e){ $('#cart_div').load('/cart/ .table.cart'); }); PS! Если не возможно по каким-то причинам на сабмит вешать id или class то вешайте на форму и используйте первый код как $('formID :submit')... (Отредактировано автором: 18 Мая, 2014 - 19:02:59) ----- Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе

denisseo	Отправлено: 18 Мая, 2014 - 19:32:28
Новичок Покинул форум Сообщений всего: 9 Дата рег-ции: Июнь 2011 Помог: 0 раз(а)	Viper пишет: CODE (javascript): скопировать код в буфер обмена $(':submit').click(function(e){ $('#cart_div').load('/cart/ .table.cart'); }); Учтите что лучше для кнопки добавить id и обращаться через него ибо код выше обработает все кнопки с типом submit. Т.е. CODE (html): скопировать код в буфер обмена <input type="submit" id="update_cart" value="Добавить" /> CODE (javascript): скопировать код в буфер обмена $('#update_cart').click(function(e){ $('#cart_div').load('/cart/ .table.cart'); }); PS! Если не возможно по каким-то причинам на сабмит вешать id или class то вешайте на форму и используйте первый код как $('formID :submit')... Сделал как вы и сказали в месте вывода опубликовал код <div id="cart_div"></div> <script> $('#update_cart').click(function(e){ $('#cart_div').load('/cart/ .table.cart'); }); </script> а кнопке прикрутил id="update_cart" <input id="update_cart" type="submit" {if !$product_available}disabled="disabled" class="add2cart-disabled"{/if} value="[`Add to cart`]"> но совсем ничего не выводится ни пр нажатии на кнопку ни просто при обновлении может есть еще какой то способ ? помогите пожалуйста, по зарез как надо

Viper	Отправлено: 18 Мая, 2014 - 19:48:33
Активный участник Покинул форум Сообщений всего: 4555 Дата рег-ции: Февр. 2007 Откуда: Симферополь Помог: 98 раз(а)	CODE (javascript): скопировать код в буфер обмена jQuery(document).ready(function($){ $('#update_cart').click(function(e){ e.preventDefault(); $('#cart_div').load('/cart/ .table.cart'); }); }); а если так? ----- Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе

denisseo	Отправлено: 18 Мая, 2014 - 20:13:11
Новичок Покинул форум Сообщений всего: 9 Дата рег-ции: Июнь 2011 Помог: 0 раз(а)	Viper пишет: CODE (javascript): скопировать код в буфер обмена jQuery(document).ready(function($){ $('#update_cart').click(function(e){ e.preventDefault(); $('#cart_div').load('/cart/ .table.cart'); }); }); а если так? при таком варианте вообще все глючит при таком варианте <div id="cart_div"></div> <script> $(document).ready(function () { var cart_div = $("#cart_div"); cart_div.load("/cart/ .table.cart"); }); </script> все стабильно выводится на всех страницах сайта - но для этого надо после добавления товара в корзину нажать f5 при последнем варианте кнопка добавления в корзину глючит и товары выводят только на странице добавления в корзину - при переходе на другую любую страницу - товары исчезают и не отображаются (Добавление) <script> $(document).ready(function(){ $('#update_cart').click(function(){ $('#cart_div).load("/cart/ .table.cart"); }); }); </script> при таком варианте товар выводится только на странице, где добавляется товар в корзину с запозданием в один товар при переходе на любую другую страницу или обновлении страницы товар исчезает

Viper	Отправлено: 18 Мая, 2014 - 20:25:26
Активный участник Покинул форум Сообщений всего: 4555 Дата рег-ции: Февр. 2007 Откуда: Симферополь Помог: 98 раз(а)	Что-то где-то глючит у вас однако... Даже не знаю чем ещё помочь. ----- Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе

denisseo	Отправлено: 18 Мая, 2014 - 20:36:02
Новичок Покинул форум Сообщений всего: 9 Дата рег-ции: Июнь 2011 Помог: 0 раз(а)	Viper, Спасибо большое за помощь вы и так много чего подсказали может в движке какая загвоздка буду дальше разбираться

denisseo	Отправлено: 19 Мая, 2014 - 18:51:01
Новичок Покинул форум Сообщений всего: 9 Дата рег-ции: Июнь 2011 Помог: 0 раз(а)	Ура у меня получилось Viper большущее спасибо вам еще раз, без вашей помощи ничего бы не получилось у меня получилось обновлять содержание корзины без перезагрузки всей страницы с помощью ссылки, которую я прикрутил к выпадающему блоку "мои покупки" в итоге код получился следующим <div id="block"></div> <script type="text/javascript"> function fync() { $("#block").load("/cart/ .table.cart", function() { }); }; </script> к ссылке, по нажатию на которую надо обновлять содержание блока прикрутил <a onclick="fync();">мои покупки</a>

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« CMS и фреймворки »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.