POST http://localhost:8000/offers-ajax/store 419（未知狀態）

Question

我是 AJAX 的初學者，並嘗試使用 AJAX 發布數據表單，但此錯誤顯示在控制台中：

POST http://localhost:8000/offers-ajax/store 419（未知狀態）

我不知道為什么; 我嘗試了很多，但似乎沒有任何效果。

我嘗試在不使用 AJAX 查詢的情況下發布數據，它工作正常。

這些是路線：

Route::group(['prefix'=>'offers-ajax'],function(){

    Route::get('/create','AjaxController@create')-> name('ajax.offer.create');
    Route::post('/store','AjaxController@store')-> name('ajax.offer.store');

});

Controller：

public function store(OffersRequest $request)
{
    $file_name = $this->saveImage($request->photo, 'images/offers');

    // Offer::create($request -> except(['_token']));
    Offer::create([
        'photo' => $file_name,
        'name_ar' => $request->name_ar,
        'name_en' => $request->name_en,
        'details_ar' => $request->details_ar,
        'details_en' => $request->details_en,
        'price' => $request->price,

    ]);

}

刀片創建頁面：

@extends('layouts.app')

@section('content')
<div class="container">

<form method="POST" class="needs-validation" novalidate action=""
      enctype="multipart/form-data">
    @csrf

    <div class="form-group">
        <label for="exampleInputEmail1">chose Photo</label>
        <input type="file" class="form-control" name="photo">
        @error('photo')
        <small class="form-text text-danger">{{$message}}</small>
        @enderror
    </div>

    <div class="form-group">
        <label for="Name">{{__('messages.create_name')}}</label>
        <input type="text" class="form-control" id="name" name="name_ar"  placeholder="Enter name">
        @error('name_ar')
        <span class="text-danger">{{$message}}</span>
        @enderror

    </div>

    <div class="form-group">
        <label for="Name">{{__('messages.create_name_en')}}</label>
        <input type="text" class="form-control" id="name" name="name_en"  placeholder="Enter name">
        @error('name_en')
        <span class="text-danger">{{$message}}</span>
        @enderror

    </div>
    <div class="form-group">
        <label for="price">{{__('messages.create_price')}}</label>
        <input type="text" class="form-control" id="price" name="price" placeholder="price here">
        @error('price')
        <span class="text-danger">{{$message}}</span>
        @enderror
    </div>
    <div class="form-group">
        <label for="details">{{__('messages.create_details')}}</label>
        <input type="text" class="form-control" id="details" name="details_ar" placeholder="details here">
        @error('details_ar')
        <span class="text-danger">{{$message}}</span>
        @enderror
    </div>

    <div class="form-group">
        <label for="details">{{__('messages.create_details_en')}}</label>
        <input type="text" class="form-control" id="details" name="details_en" placeholder="details here">
        @error('details_en')
        <span class="text-danger">{{$message}}</span>
        @enderror
    </div>

    <button type="button" id="save_offer" class="btn btn-primary">create</button>


</form>
</div>
@stop

@section('script')
<script>

    $(document).on('click', '#save_offer', function(){

    $.ajax({
       type: 'post',
        url: "{{Route('ajax.offer.store')}}",
        data:  {},
        success: function (data){

        }, error: function (reject){

        }
    });

    });

</script>
@stop

請你幫幫我

Answer 1

您需要在 html 頁面中添加元標記

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

然后在js中在開頭添加這個

$.ajaxSetup({
data: {
    _token: $('meta[name="csrf-token"]').attr('content')
 }
});