TokenMismatchException在我添加到購物車時，我添加了數量

Question

爲什麼我在我的購物車中添加一些數量時出現錯誤。這是我的錯誤： TokenMismatchException

這是我的觀點：

<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 r eQUEST的。我假設你的ajax請求如下所示：

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