Delete record using ajax request in Laravel Example

A very few days ago, i was trying to delete record using jquery ajax request in my laravel 5.7 app. i always make delete record using jquery ajax, so i also want to delete record with ajax request in laravel 5, laravel 6, laravel 7, laravel 8, laravel 9 and laravel 10.

we will create delete route with controller method(we will write delete row code using database model) and write jquery ajax code with delete post request. we also pass csrf token in jquery ajax request, otherwise it will return error like delete method not allowed.

you have to simply follow few things to make done delete record from database using ajax request. Let's follow few steps.

Create Route: routes/web.php

Route::delete('users/{id}', 'UserController@destroy')->name('users.destroy');

Controller Method: app/Http/Controllers/UserController.php

public function destroy($id){
   
    User::find($id)->delete($id);
  
    return response()->json([
        'success' => 'Record deleted successfully!'
    ]);
}

View Code: resources/views/users.php

<meta name="csrf-token" content="{{ csrf_token() }}">
    
<button class="deleteRecord" data-id="{{ $user->id }}" >Delete Record</button>

JS Code: resources/views/users.php

$(".deleteRecord").click(function(){
    var id = $(this).data("id");
    var token = $("meta[name='csrf-token']").attr("content");
   
    $.ajax(
    {
        url: "users/"+id,
        type: 'DELETE',
        data: {
            "id": id,
            "_token": token,
        },
        success: function (){
            console.log("it Works");
        }
    });
   
});

Now you can check it.

I hope it can help you...