当我添加数量时，我添加到购物车中的 TokenMismatchException

Question

为什么当我在购物车中添加一些数量时，我的添加到购物车中出现错误。这是我的错误： 令牌不匹配异常

这是我的看法：

<div class="specs">
    <h4>Details</h4>
    <p>{{ $product_info[0]->description }}</p>
    <label>Quantity</label>                                        
    <div class="quantity">
        <form action="{{ route('prodcart',['id' => $product_info[0]->product_id ]) }}" method="post" id="frmaddcart">
          <input type="number" name="qty" min="1" max="{{ $product_info[0]->quantity }}" step="1" value="1" readonly>
          {{ csrf_field() }}
        </form>
    </div>
    <button id="btnaddCart" class="btn btn-success btn-cart"> ADD TO CART </button>
</div>

我的 jquery 提交按钮：

$('#btnaddCart').click(function(){
    $('#frmaddcart').submit();
});      

在我看来，我已经放了一个CSRF_field() 也是我的提交按钮，我已经添加了 jquery 以在我的控制器中提交它。

这是我的控制器：

public function addToCart(Request $request, $product_id) 
    {
        $quantity = $request->qty;
        $product = DB::table('products')
        ->select('*')
        ->where(['products.product_id' => $product_id])
        ->first();        
        $oldCart = Session::has('cart') ? Session::get('cart') : null;
        $cart = new Cart($oldCart);
        $cart->add($product, $product->product_id, $quantity);

        $request->session()->put('cart', $cart);
        return redirect()->route('productlist',['id' => $product->subcategory_id ]);
    }

然后这是我的购物车类：

<?php

namespace App;

class Cart 
{
    public $items = null;
    public $totalQty = 0;
    public $totalPrice = 0;

    public function __construct($oldCart)
    {
        if($oldCart) {
            $this->items = $oldCart->items;
            $this->totalQty = $oldCart->totalQty;
            $this->totalPrice = $oldCart->totalPrice;
        } 
    }

    public function add($item, $product_id, $quantity) {
        $storedItem = ['qty' => 0, 'price' => $item->price, 'item' => $item];
        if($this->items) {
            if(array_key_exists($product_id, $this->items)) {
                $storedItem = $this->items[$product_id];
            }
        }
        $storedItem['qty'] = $quantity;
        $storedItem['price'] = $item->price * $storedItem['qty'];
        $this->items[$product_id] = $storedItem;
        $this->totalQty++;
        $this->totalPrice += $item->price;

    }
}

Answer 1

将提交按钮放在表单标签内，并输入submit

 <div class="quantity">
    <form action="{{ route('prodcart',['id' => $product_info[0]->product_id ]) }}" method="post" id="frmaddcart">
      <input type="number" name="qty" min="1" max="{{ $product_info[0]->quantity }}" step="1" value="1" readonly>
      {{ csrf_field() }}
     <button type="submit" id="btnaddCart" class="btn btn-success btn-cart"> ADD TO CART </button>
    </form>
    </div>

如果是 jquery，您需要将额外的参数 _token 与 csrf 令牌值放在一起

  var _token = $("input[name='_token']").val();

Answer 2

更新 您不需要 jQuery 来提交您的表单。

1. 删除以下内容：

   $('#btnaddCart').click(function(){
       $('#frmaddcart').submit();
   }); 
   

2. 将提交按钮移到<form>SUBMIT BUTTON HTML HERE</form>内

您不需要以下内容：

将 CSRF 令牌与您的 ajax 请求一起发送。我假设您的 ajax 请求如下所示：

$.post(url, {
    productId: productId,
    qty: productQuantity,
    _token: "{{ csrf_token() }}" // add this to send the token along with the request
});