Laravel 5.3.6 Ajax delete gives 404 error - ajax

Question

Busy learning Laravel and a bit (very) confused.
I have a page with datatable and a button to delete a record.
I want this button to delete the record with ajax.
My js code:
$(document).on('click', '.deleteBtn', function() {
var url = $(this).attr('href');
swal({
title: "Are you sure?",
text: "You will not be able to recover this business type file!",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Yes, delete it!",
cancelButtonText: "No, cancel pls!",
closeOnConfirm: false,
closeOnCancel: false
},
function(isConfirm){
if (isConfirm) {
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
$.ajax ({
url: url,
type: 'DELETE',
success: function () {
swal("Deleted!", "Your business type has been deleted.", "success");
}
});
} else {
swal("Cancelled", "Your imaginary file is safe :)", "error");
}
});
return false;
});
In the Routes/api.php file:
// business type
Route::delete('businessTypes/{business_type_id?}/destroy', ['as' => 'businessTypes.destroy', 'uses' => 'BusinessTypeController#destroy']);
Route::any('businessType', 'ApiBusinessTypeController#businessTypeData', ['except' => ['destroy']]);
In Routes/web.php:
Route::get('businessTypes/create', ['as' => 'businessTypes.create', 'uses' => 'BusinessTypeController#create']);
Route::get('businessTypes/{business_type_id}-{slug?}', ['as' => 'businessTypes.show', 'uses' => 'BusinessTypeController#show']);
Route::resource('businessTypes', 'BusinessTypeController', ['except' => ['show', 'create', 'destroy']]);
When I click the delete button I get the error: 404 Page not Found.
What am I doing wrong?