Аякс в Ларавеле не работает

Question

Я пытаюсь добиться простого вызова Ajax в моем веб-приложении, к сожалению, он не работает.

HTML-код

<li id="decorative_items">
    Decorative Items
</li>

Ajax-код:

$(document).ready(function() {
var id = 2; /* This has nothing to do with the code */
$("#decorative_items").bind("click", function() {
    alert("click event fired"); /*This is working*/
    $.ajax({
        type:'POST',
        url:'/getDecorativeItems',
        data: {'id' : id},
        success:function(response) {
            alert("foo");
        }
    }); 
});
});

route / web.php

Route::post('/getDecorativeItems', 'ajaxController@fetchDecorativeItems');

ajaxController.php

<?php
namespace App\Http\Controllers;
use Illuminate\Foundation\Bus\DispatchesJobs;
use Illuminate\Routing\Controller as BaseController;
use Illuminate\Foundation\Validation\ValidatesRequests;
use Illuminate\Foundation\Auth\Access\AuthorizesRequests;
use Illuminate\Http\Request;

class ajaxController extends Controller
{
    function fetchDecorativeItems(Request $request) {
        $msg = "Reached Controller";
        return response()->json(array('msg'=> $msg), 200);
    }
}

Я прочитал все ответы на похожие вопросы и другие сообщения в Интернете, но не могу найти ошибку.

Примечание: Код работает нормально, синтаксической ошибки нет, но яЯ не могу достичь запланированного результата.Предполагаемый вывод, который я ищу, это оповещение «foo» с помощью Ajax

Заранее спасибо

Answer 1

Я получил решение.

Мне не хватало CSRF при вызове функции Ajax

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

Answer 2

Включите chrome devtoo l, отметьте network -> XHR в списке ваших XHR request, щелкните на ajax request (если ваш запрос ajax имеет красный цвет) -> предварительный просмотр, чтобы увидеть, что на самом деле происходит, если что-то не так с вашим внутренним кодом Laravel, это также показано здесь.См. Изображение ниже:

Надеюсь, что это полезно, не отлаживайте печать alert()