How to delete table data one by one without reloading page in laravel?

Question

I am able to delete one data at one-time page loading, not 2nd or more

    public function detailEachServices(Request $req){

        $detailId = $req->input('id');

        $result = ServiceModel::where('id', '=', $detailId)->get();
        //$result = ServiceModel::where('id', '=', $deleteId)->update();
        // // dd($result);
        return $result;
    }

 Route::post('/deleteServices', [ServiceController::class, 'deleteServices']);

$('#serviceEditSaveBtn').click(function() {
    var id = $(this).data('id'); 
    var name =  $('#service_name').val(); 
    var des =  $('#service_des').val(); 
    var img =  $('#service_img').val(); 
    servicesUpdate(id,name,des,img);
})

 function servicesDelete(deleteID) {
     axios.post('/deleteServices', {
             id: deleteID
         })
         .then(function(response) {
             if (response.data == 1) {
                 //alert('Success');
                 $('#deleteModal').modal('hide');
                 // toastr.success('Successfully deleted');
                 getServicesD();
             } else {
                 //alert('Failed');
                 $('#deleteModal').modal('hide');
                 // toastr.error('Failed');
                 getServicesD();
             }
         })
         .catch(function(error) {
             console.log(error);
         })
 }