Laravel新手求助：addproduct路由POST请求报错GET方法不支持

问题概述 #

使用AJAX向/addproduct路由发送POST请求时，出现错误：The GET method is not supported for route addproduct. Supported methods: POST，未使用表单提交，怀疑控制器存在问题。

问题根源 #

1. AJAX语法错误：$.post回调函数未正确绑定，导致请求后逻辑无法执行，且未携带Laravel必需的CSRF令牌。
2. 参数不匹配：AJAX传递的分类参数为productcate，但控制器中尝试获取categoryid，导致该值为空，可能引发插入失败。
3. 控制器响应错误：AJAX请求期望接收JSON/文本响应，但控制器返回重定向，浏览器自动发起GET请求跳转，触发路由方法不支持的错误。

修复步骤 #

1. 修正AJAX代码 #

修复回调函数写法，添加CSRF令牌及错误处理：

$("#btnInsert").click(function () {
  var productid = $("#productid").val();
  var productname = $("#productname").val();
  var productprice = $("#productprice").val();
  var productdes = $("#productdes").val();
  var productimage = $("#productimage").val();
  var productcate = $("#cate").val();

  if (productid === "") {
    alert("Empty Product ID");
    return;
  }

  $.post("/addproduct", {
    _token: "{{ csrf_token() }}",
    productid: productid,
    productname: productname,
    productprice: productprice,
    productdes: productdes,
    productimage: productimage,
    productcate: productcate,
  }, function (result) {
    if (result.status === "success") {
      alert("Record has been added");
      window.location.href = "/product";
    } else {
      alert("Insert failed: " + result.message);
    }
  }).fail(function(xhr) {
    alert("Request failed: " + xhr.responseText);
  });
});

2. 修正控制器代码 #

调整参数获取逻辑，返回JSON响应给AJAX：

public function AddProduct(Request $request){
    try{
        $productid = $request->productid ;
        $productname = $request->productname;
        $productprice = $request->productprice;
        $productdes = $request->productdes;
        $productimage = $request->productimage;
        $categoryid = $request->productcate; // 匹配AJAX传递的参数名

        $result = DB::table('tblproduct')->insert([
            'ProductID' => $productid, 
            'ProductName' => $productname, 
            'ProductPrice' => $productprice, 
            'ProductDes' => $productdes, 
            'ProductImage' => $productimage, 
            'CategoryID' => $categoryid
        ]);

        if ($result) {
            return response()->json(['status' => 'success']);
        } else {
            return response()->json(['status' => 'error', 'message' => 'Insert failed']);
        }
    }
    catch (\Exception $ex){
        return response()->json(['status' => 'error', 'message' => $ex->getMessage()]);
    }
}

3. 可选：全局配置CSRF令牌 #

在页面<head>添加meta标签：

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

然后在脚本中添加全局AJAX头：

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

这样所有AJAX请求会自动携带CSRF令牌，无需在每个请求中单独添加。

4. 路由配置确认 #

保持现有POST路由配置即可：

Route::post('/addproduct',[ProductController::class, 'AddProduct']);

内容的提问来源于stack exchange，提问作者Developer