0

У меня есть корзина, в которой добавления товара осуществлено через ajax. Все работает, только я не знаю как правильно обновлять через ajax общее количество товаров в корзине. Я не использую input с полем для ввода количества товара, мне просто нужно чтобы при каждом клике "Добавить в корзину" общее количество товаров, которое отображается в header, ajax'сом увеличивалось на 1.

Как это можно реализовать?

CartController:

  public function addCart(Request $request, $id){
    $product = Product::find($id);
    $oldCart = Session::has('cart') ? Session::get('cart') : NULL;
    $cart = new Cart($oldCart);
    $cart->add($product, $product->id);

    $request = Session::put('cart', $cart);

    Session::flash('add-product', $product->name);

    return redirect()->back();
  }

Кастомный класс Cart, где реализована основная логика добавления в корзину.

public function add($item, $id){
      $storedItem = [
        'qty' => 0,
        'id' => $item->id,
        'prod_url' => $item->url,
        'code_cat' => $item->category->code,
        'url_cat' => $item->category->url,
        'name' => $item->name,
        'cost' => $item->price,
        'price' => $item->price,
        'img' => $item->cardImage->path
      ];
      if($this->items){
        if(array_key_exists($id, $this->items)){
          $storedItem = $this->items[$id];
        }
      }
        $storedItem['qty']++;
        $storedItem['cost'] = $item->price * $storedItem['qty'];
        $this->items[$id] = $storedItem;
        $this->totalQty++;
        $this->totalPrice += $item->price;
    }

Кнопка "В коризну":

<div class="product-icon-container">
  <a href="{{ route('basket-add', [ 'id' => $item->id ]) }}" class="scrollOffset btn btn-success mt-2 mb-1">Добавить в корзину</a>
  <a href="#" class="btn btn-danger mt-2 mb-1">Купить сейчас!</a>
</div>

Собственно, то место, где должно выводиться общее количество товаров:

<span class="prodcount">{{ Session::has('cart') ? Session::get('cart')->totalQty : '0' }}</span><i class="fas fa-shopping-basket"></i><span class="basket-text">Cart</span>

Простой ajax запрос, который добавляет товар в корзину:

$(document).ready(function() {
 $('.product-icon-container').find('a.scrollOffset').click(function (event){
   event.preventDefault();
   $.ajax({
      url: $(this).attr('href')
   });
  return false;
 });
});
0

1 ответ 1

0

Можно сделать так:

CartController

public function addCart(Request $request, $id){
  $product = Product::find($id);
  $oldCart = Session::has('cart') ? Session::get('cart') : NULL;
  $cart = new Cart($oldCart);
  $cart->add($product, $product->id);
  $request = Session::put('cart', $cart);

  Session::flash('add-product', $product->name);

  return response()->json([
      'total_quantity' => Session::has('cart') ? Session::get('cart')->totalQty : '0'
  ]);
}

Ajax запрос

$(document).ready(function() {
  $('.product-icon-container').find('a.scrollOffset').click(function (event){
    event.preventDefault();
    $.ajax({
      url: $(this).attr('href'),
      dataType: 'JSON',
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      success: function(response) {
        $('.prodcount').html(response.total_quantity);
      }
    });
    return false;
  });
});

В header

<meta name="csrf-token" content="{{ csrf_token() }}" />

P.S. Возможно вместе с ajax запросом вам надо отправить csrf_token, если это Laravel (судя по коду)

2
  • Работает, спасибо! Я формы не использую, по этому csrf не просит или лучше все равно добавить?
    – Hi_TecH
    Commented 25 дек. 2020 в 13:26
  • Я вам написал код сразу с отправкой csrf токена.
    – destcode
    Commented 25 дек. 2020 в 15:26

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.