url 404 Not Found ajax javascript laravel

Question

当我单击此按钮转到函数 addToCart()

<input type="submit" class="btn btn-primary" id="ads value="add to cart">

它返回一个错误

请求网址：http: //127.0.0.1 :8000/cart/data/store/

请求方法：POST

状态码：404 未找到

我不知道为什么请帮忙

这是我的代码

我的按钮

<input type="submit" class="btn btn-primary" id="ads" value="add to cart">

和我的ajax代码

$('body').on('click','#ads',function(){

    var productname = $('pname').text();
    var productid = $('productid').text();
    var color = $('#color option:selected').text();
    var size = $('#size option:selected').text();
    var quantity = $('#qty').val();
    $.ajax({
      url: "cart/data/store/"+productid,
      type: "POST",
      dataType: 'json',
      data:{
        color:color,
        size:size,
        quantity:quantity,
        productname:productname,
      },
    });
  
});

和我的路线

Route::post('cart/data/store/{id}',[App\Http\Controllers\frontend\CartController::class,'addtocart']);

Answer 1

查看您的 HTML，您正在编写以下内容：

<input type="submit" class="btn btn-primary" id="ads value="add to cart">

你得到一个 404 因为确实没有没有 ID 参数的路由。 您根本没有将它与您到达那里的 HTML 标记一起传递。 因此，修复语法将解决您的问题。

它应该如下所示：

<input type="submit" class="btn btn-primary" id="ads" value="add to cart">

Answer 2

我认为你的路线不正确。

Route::post('/cart/data/store/{id}',[App\Http\Controllers\frontend\CartController::class,'addtocart']);

$.ajax 调用下面给出的 url：

'/cart/data/store/'+productid

Answer 3

替换这个

var productid = $('productid').text();

有了这个

var productid = $('#productid').text()