Приветствую всех, столкнулся с проблемой того что не знаю как обновить только badge (корзины, wish-листа и т.д.)
Вот пример кода html
| PHP/HTML |
1
2
3
4
5
6
7
8
| <li>
<a href="/cart" class="choose-icons">
<i class="fas fa-shopping-cart"></i>
<span id="cart" class="{{ app.session.has('cart') ? 'badge' : ''}}">
{{ app.session.has('cart') ? app.session.get('cart').totalQuantity : '' }}
</span>
</a>
</li> |
|
вот js
| Javascript |
1
2
3
4
5
6
7
8
9
10
| $('.js-add-product').on('click', function(e) {
e.preventDefault();
$.ajax({
url: $(this).data('url'),
method: 'POST'
}).done(setTimeout( function(){
window.location.reload();
}, 1000));
}); |
|
Как видно из js кода я перезагружаю всю страничку , но мне нужно обновить только badge , чтоб там отображались корректные данные.
Не знаю как мне это сделать. Может у кого-то есть идеи?
Так же могу модель и контроллер показать если будет в этом необходимость.
В любом случае буду благодарен за любую помощь.
Добавлено через 9 минут
На самом деле это менее важно , но
Кнопка котрая добавляет товар js код свзяан с ней (забыл добавить)
| PHP/HTML |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| {% if app.session.has('cart') %}
{% if product.id in app.session.get('cart').products|keys %}
{% set btn_cart = 'active js-cart' %}
{% else %}
{% set btn_cart = 'js-add-product' %}
{% endif %}
{% else %}
{% set btn_cart = 'js-add-product' %}
{% endif %}
<!--- BTN-CART --->
<button type="button" id="button-cart" class="buy-btn {{ btn_cart }}"
data-url="{{ path('cart_add', {id: product.id}) }}">
<i class="fas fa-shopping-cart"></i>
<span>Купить</span>
</button> |
|
И смена действия кнопки при повторном клике
| Javascript |
1
2
3
| $('.js-cart').on('click', function() {
window.location.href = "/cart";
}); |
|
Вобщем я нашёл решение
| PHP/HTML |
1
2
3
4
5
6
7
8
9
10
11
| <li>
<a href="{{ path('user_cart') }}" class="choose-icons">
<i class="fas fa-shopping-cart"></i>
<span id="ref-cart">
<span id="cart" class="{{ app.session.has('cart') ? 'badge' : ''}}">
{{ app.session.has('cart') ? app.session.get('cart').totalQuantity : '' }}
</span>
</span>
</a>
</li> |
|
| Javascript |
1
2
3
4
5
6
7
8
9
10
| $('.js-add-product').on('click', function() {
$.ajax({
url: $(this).data('url'),
method: 'POST'
}).done(setTimeout( function(){
$( "#ref-cart" ).load(location.href + " #cart" );
}, 1000));
}); |
|
Спасибо за внимание
(
