Question

我正在尝试在laravel中使用Ajax将商品添加到我的购物车中，但出现错误 419（未知状态）。

这是我的Ajax代码：

function btnAddCart(param) {
  var product_id = param;
  var url = "{{ route('cart.add') }}";
  $.ajax({
    type: "POST",
    url: url,
    data: { product_id: product_id },
    success: function (data) {
      console.log(data);

    },
    error: function (data) {
      console.log('Error:', data);
    }
  });
};

这是我的laravel控制器功能

public function addToCart(Request $request)
{
    $product = Product::findOrFail($request->input('product_id'));
    $cart = session()->has('cart') ? session()->get('cart') : [];
    if (array_key_exists($product->id, $cart)) {
        $cart[$product->id]['quantity']++;
    } else {
        $cart[$product->id] = [
            'title' => $product->title,
            'quantity' => 1,
            'unit_price' => $product->sale_price,
        ];
    }
    session(['cart' => $cart]);
    session()->flash('message', $product->title.' added to cart.');

    $data = [];
    $data['cart'] = session()->has('cart') ? session()->get('cart') : [];
    return response()->json($data);
}

所以现在我该如何在ajax成功函数中返回json数据。

Answer 1

将csrf令牌添加到html头部分：

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

之后，将其添加到您的js部分：

$.ajaxSetup({
    headers: {
      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});

laravel使用Ajax添加到购物车

1 个答案: