Форумы портала PHP.SU :: Версия для печати :: Как обновлять содержание другой страницы через Ajax

5. denisseo - 18 Мая, 2014 - 19:32:28 - перейти к сообщению

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')...

6. Viper - 18 Мая, 2014 - 19:48:33 - перейти к сообщению

CODE (javascript):
скопировать код в буфер обмена

jQuery(document).ready(function($){
        $('#update_cart').click(function(e){
                e.preventDefault();
                $('#cart_div').load('/cart/ .table.cart');
        });
});

а если так?

7. denisseo - 18 Мая, 2014 - 20:13:11 - перейти к сообщению

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>

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

при переходе на любую другую страницу или обновлении страницы товар исчезает

8. Viper - 18 Мая, 2014 - 20:25:26 - перейти к сообщению

Что-то где-то глючит у вас однако... Даже не знаю чем ещё помочь.

9. denisseo - 18 Мая, 2014 - 20:36:02 - перейти к сообщению

Viper, Спасибо большое за помощь Подмигивание

вы и так много чего подсказали

может в движке какая загвоздка

буду дальше разбираться

10. denisseo - 19 Мая, 2014 - 18:51:01 - перейти к сообщению

Ура у меня получилось Улыбка

Viper большущее спасибо вам еще раз, без вашей помощи ничего бы не получилось

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

в итоге код получился следующим

<div id="block"></div>

<script type="text/javascript">
function fync() {
$("#block").load("/cart/ .table.cart", function() {
});
};
</script>

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

<a onclick="fync();">мои покупки</a>