Delete file using ajax laravel (404 error)

Question

I'm using ajax to delete a file, but it showed 404 error. I checked route again but i don't know where is wrong! Any solution? Thanks so much!

My Route

Route::post('/deleteFile/ajax/{id}', 'DproductController@deleteFileAjax')->name('delete.file.ajax');

My Controller

public function deleteFileAjax($id)
{
    if (allow('delete') == true) {
        $deleteFile = DproductFile::find($id);
        $deleteFile->delete();
        return response()->json('message', 'Yes');
    } else {
        return response()->json('message', 'No');
    }
}

My View

<a href="#" data-id="{{ $dproductFile->id }}" name="{{ $dproductFile->filename }}" link="{{ route('delete.file.ajax', $dproductFile->id) }}" class="deleteClick red id-btn-dialog2" data-toggle="modal" data-target="#deleteModal">
                                                            <span class="btn-sm btn btn-danger"><i title="Delete" class="ace-icon fa fa-trash-o bigger-130"></i></span></a>

// ajax
<script>
$.ajaxSetup({
     headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
         }
     });

            $('.deleteClick').click(function (e) {
                e.preventDefault();
                var id = $(this).attr('data-id');
                console.log(id);
                $.ajax({
                    url: '/deleteFile/ajax/' + id,
                    type: 'post',
                    dataType: 'json',
                    success: function () {
                        console.log('OK');
                    }
                });
            });
</script>

do you have any prefix in your route?? and try with absolute route instead of relative route. — zahid hasan emon
– zahid hasan emon, Commented Nov 25, 2019 at 4:46
zahidhasanemon, No, I haven't. What is absolute route? I don't understand — Hoang Dinh
– Hoang Dinh, Commented Nov 25, 2019 at 5:10
Please check once manually with the given route url. for example: coredev.com:8080/deleteFile/ajax/95 Is this works?! — Karthik SWOT
– Karthik SWOT, Commented Nov 25, 2019 at 5:12

Abdulla Nilam · Accepted Answer · 2019-11-25 06:09:57Z

3

You're using Laravel named routes ->name('delete.file.ajax').

So in AJAX

var path = "{{ route('delete.file.ajax') }}";
$.ajax({
    type: "post",
    url: path,

Personally recommended to use (URL)

Route::post('/deleteFile/ajax/{id}', 'DproductController@deleteFileAjax')->name('delete-file');

In AJAX

var path = "{{ route('delete-file') }}";

edited Nov 25, 2019 at 6:09

answered Nov 25, 2019 at 5:58

Abdulla Nilam

39.7k18 gold badges85 silver badges115 bronze badges

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

Comments

The_ehT · Accepted Answer · 2019-11-25 06:18:04Z

1

Check the route again with command php artisan route:list.

If everything is fine with the route paths, you may have route caching issue. Do clear route cache with php artisan route:clear command.

answered Nov 25, 2019 at 6:18

The_ehT

1,23017 silver badges37 bronze badges

Comments

Ahmed Hdeawy · Accepted Answer · 2019-11-25 07:08:48Z

1

Ensure that route name is the same you used

Type

php artisan route:list

and look at route name

answered Nov 25, 2019 at 7:08

Ahmed Hdeawy

944 bronze badges

Comments

Swapnil Bhikule · Accepted Answer · 2019-11-25 05:41:43Z

0

Check for your $.ajax. type: 'post' will not send an ajax request as a POST request. You have to use method: 'POST' instead. Check the documentation for more customization - https://api.jquery.com/jquery.ajax/

answered Nov 25, 2019 at 5:41

Swapnil Bhikule

6062 gold badges8 silver badges25 bronze badges

1 Comment

Phil Over a year ago

Also from the same documentation... "type (default: 'GET') - An alias for method"

Collectives™ on Stack Overflow

Delete file using ajax laravel (404 error)

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related