Ajax-запрос не возвращает ответ

Question

Я пытаюсь отправить запрос Ajax одним нажатием кнопки, но не могу заставить контроллер вернуть ответ. Ответ пуст;в чем может быть проблема?

Просмотр

<a href="#" onclick="addtoCart(1, 'test', 2, 8900)"
   class="btn essence-btn">Add to Cart</a>
<div hidden id="url" data-url="{{ url('/cart/add') }}"></div>

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

function addtoCart(id, name, quantity, price) {
    request = $.ajax({
        url: "/cart/add",
        method: 'POST',
        data:
            {
                id: id,
                name: name,
                quantity: quantity,
                price: price
            },
        success: function (data) {
            console.log(data);
        },
        error: function (data) {
            console.log('Error:', data);
        }
    });
}

Маршрут

Route::group(['prefix' => 'cart'], function () {
    Route::post('/add', 'CartController@add');
});

Контроллер

public function add(Request $request) {
     return Response::json($request->all());
}

Answer 1

Измените ваш код, как показано ниже. Я думаю, что это поможет вам.

Вот маршрут

Route::group(['prefix' => 'cart'], function (){
   Route::post('/add', 'CartController@add')->name('add-cart');
});

Вот сценарий

function addtoCart(id, name, quantity, price) {
  $.post('{{ route('add-cart') }}', {id:id, name:name, quantity:quantity, price:price}, 
    function (data) {
     console.log(data);
  }
}