Delete record using ajax request in Laravel Example

By Hardik Savani | December 27, 2018 | | 9281 Viewer | Category : PHP Laravel jQuery Ajax


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.7.

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...



***Do you want me hire for your Project Work? Then Contact US.


We are Recommending you: