Delete record using ajax request in Laravel Example

By Hardik Savani | December 27, 2018 | | 33834 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...



Hardik Savani
My name is Hardik Savani. I'm a full-stack developer, entrepreneur and owner of Aatman Infotech. I live in India and I love to write tutorials and tips that can help to other artisan. I am a big fan of PHP, Javascript, JQuery, Laravel, Codeigniter, VueJS, AngularJS and Bootstrap from the early stage.
Follow Me: Github Twitter
***Do you want me hire for your Project Work? Then Contact US.


We are Recommending you: