Как обновить div элемент при нажатии на кнопку?

Question

[Александр Горкин]

Как обновить div элемент без перезагрузки страницы. При нажатии кнопки добавить. Я знаю что это реализуется с помощью Ajax но ни как не могу понять как именно.

Comments

[Дмитрий]

Добрый вечер.
Ajax тут не нужен, обычный js(jquery).
При клике по кнопке "добавить" считываете стоимость и суммируете с общей стоимостью товара в корзине.

[Александр Горкин]

slo_nik, Вот именно что в корзине методом сессий все нормально работает. А сюда я поместил <?= $_session['cart.sum']?> и она обновляет только после обновления страницы, как же все таки это можно поправить ?

[Дмитрий]

Александр Горкин, ну так в чём проблема? При помощи js обновляйте сумму в корзине и записывайте в сессию.

[Александр Горкин]

slo_nik, Вот я и не могу понять как записать то, я новичок в этом деле. Простите что сразу не сказал.

[Даниил Сухих]

Александр Горкин, это основы, начинайте с основ...

[Дмитрий]

Александр Горкин, что именно записать? Сумму в корзину или в сессию?

[Александр Горкин]

slo_nik, Это не корзина, вот посмотрите тут cp01894-wordpress-14.tw1.ru/site/1
Внизу есть Итого, данный div мне надо обновить.

[Дмитрий]

Александр Горкин, да без разницы как назвать, принцип тот же.)))

[Дмитрий]

Александр Горкин, как это сделать я уже написал.

[Александр Горкин]

slo_nik, Ну как же это сделать?) Блин. Уже все перегуглил

[Дмитрий]

Александр Горкин, плохо гуглили)))

[Александр Горкин]

slo_nik, Так это не то(

[Дмитрий]

Александр Горкин, что не то?

Answer 1

[Дмитрий Ким]

Можно использовать такую структуру:

Pjax::begin()
Form [data-pjax='']
Итого: Yii::$app->cart->getTotalSum();
Pjax::end()

Answer 2

[Максим Тимофеев]

Я знаю что это реализуется с помощью Ajax

Нет это реализуется с помощью js (jquery), ajax возможен в том числе, но не обязателен. Я так понимаю у Вас есть все данные, есть цена, ест количество, зачем ajax? Ведь Вам надо просто перемножить два числа.

$('.someButton').on('click',function(){
   var price = $('.someInputeSelector').val();
   var count = $('.someInpute2Selector').val();
   var summ = price * count;
   $('.someSelector').text('Итого:' + summ + 'рублей');
});

Зачем ajax?