How to erase a single record in Laravel using ajax

Question

I have being searching everywhere for the past 6 hours and I can't find the answer to my question. I have a data table that display a list of users. I have an column that has an icon that looks like a trash can. The idea is when a user press the icon that gets erase using ajax. This is my first time using ajax and laravel.

This is my view

<td>
    <button class="btn btn-danger btn-xs" id="destroy" data-id="5"><i class="fa   fa-trash-o "></i>
    </button>
</td>

This is my script

$(document).ready(function(){

    $("#destroy").click(function()
    {

        var id = $(this).data("id");

        $.ajax(
        {
            url: "http://localhost:8888/users/destroy",
            type: 'DELETE',
            dataType: "JSON",
            data: {
                "id": id
            },
            success: function ()
            {
                console.log("it Work");
            }
        });

        console.log("It failed");
    })

});

This is my route

Route::delete('users/destroy', 'UsersController@destroy');

this is my controller

public function destroy()
{
    $id = input::get('id');
    $id = User::findorfail($id);
    $id->delete();
}

This the errror I get

TokenMismatchException in VerifyCsrfToken.php line 46:\

possible duplicate of Laravel 4 CSRF form submit through Ajax call — Bogdan
– Bogdan, Commented Mar 5, 2015 at 18:47
The base URL of the page that launches the ajax should match exactly the location the ajax is hitting. Can you verify that your main page is on the same domain? localhost:8888 — STLMikey
– STLMikey, Commented Mar 5, 2015 at 19:42
FYI, you should only use IDs on elements if they are single elements. You should apply the destroy class to them rather than ID. — ntzm
– ntzm, Commented Mar 5, 2015 at 20:09

skuntsel · Accepted Answer · 2015-04-16 05:34:46Z

2

Add &_token={{ csrf_token() }}in data array after id parameter.

edited Apr 16, 2015 at 5:34

skuntsel

11.8k11 gold badges49 silver badges68 bronze badges

answered Apr 16, 2015 at 5:23

Ef Coders

363 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Haseena P A · Accepted Answer · 2015-09-30 08:24:47Z

View

<td>
    <input type="hidden" value="<?php echo csrf_token(); ?>" name="_token">
    <button class="btn btn-danger btn-xs" id="destroy" data-id="5"><i class="fa   fa-trash-o "></i>
    </button> </td>

Script

$(document).ready(function(){

    $("#destroy").click(function()
    {

        var id = $(this).data("id");
        var token = $('input[name="_token"]').val();

        $.ajax(
        {
            url: "http://localhost:8888/users/destroy",
            type: 'DELETE',
            dataType: "JSON",
            data: {
              "_token": token,
                "id": id,

            },
            success: function ()
            {
                console.log("it Work");
            }
        });

        console.log("It failed");
    })

});

Collectives™ on Stack Overflow

How to erase a single record in Laravel using ajax

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related