How to load data on datatable after update data to see last updated da

thank you for reply 

but issue still exist and both solution posted not solve my issue and not working

try this

$(document).ready(function () {
    // Initialize DataTable
    var dataTable = $("#myDataTable").DataTable();
    
    $("#updatedatabtn").click(function () {
        var userId = $("#userId").val();
        $.ajax({
            url: '?handler=RefreshDataTable',
            dataType: 'json',
            data: { UserId: userId },
            success: function (result) {
                // Clear existing data
                dataTable.clear();
                
                // Add updated data to the table
                $.each(result, function (index, item) {
                    dataTable.row.add([
                        item.CompanyName,
                        item.BranchName,
                        item.UserName,
                        item.UserType,
                        'Edit'
                    ]).draw(false);
                });
            },
            error: function (xhr, status, error) {
                console.error("AJAX request failed: " + error);
            }
        });
    });
});

    

        

            
Company Name
            
Branch Name
            
User Name
            
User Type
            
Actions
        
    
    

$("#updatedatabtn").click(function () {
    var userId = $("#userId").val();
    $.ajax({
        url: '?handler=RefreshDataTable',
        dataType: 'json',
        data: { UserId: userId },
        success: function (result) {
            console.log(result);
            var tbody = $("#myDataTable tbody");
            tbody.empty();
            $.each(result, function (index, item) {
                var row = "" +
                    "" + item.CompanyName + "" +
                    "" + item.BranchName + "" +
                    "" + item.UserName + "" +
                    "" + item.UserType + "" +
                    "" +
                    "Edit" +
                    "" +
                    "";
                tbody.append(row);
            });
        },
        error: function (xhr, status, error) {
            console.error("AJAX request failed: " + error);
        }
    });
});

public JsonResult OnGetRefreshDataTable(string UserId)
{
    // Assuming userService.GetUserDetails() returns a List or an array of User objects
    var result = userService.GetUserDetails(UserId.ToString());
    return new JsonResult(result);
}

From console debug i get this result 

but still can't solve issue

 $.each(response, function (index, item) {
                            console.log("item is " + item)
                            console.log("index is " + index)
                         
                         
                        });
EditUser:85 item is 9595
EditUser:86 index is vLoginName
EditUser:85 item is qvUBTS3WkZ/mFbpDQjQsFjsyLR9ehAEWqLedckm3pKZgUlZ/IsH9PFuDXsOto3dXgByvSXRS9ynsBahj38SSkw==
EditUser:86 index is vPassword
EditUser:85 item is A
EditUser:86 index is userMode
EditUser:85 item is 230
EditUser:86 index is id
EditUser:85 item is 0
EditUser:86 index is failedAttempts
EditUser:85 item is ADC Test User
EditUser:86 index is userName
EditUser:85 item is KFoundation-Tawar
EditUser:86 index is branchName
EditUser:85 item is 101KF05
EditUser:86 index is branchCode
EditUser:85 item is Union Co-Operative Society
EditUser:86 index is companyName
EditUser:85 item is S 
EditUser:86 index is userType
EditUser:85 item is null
EditUser:86 index is accountStatus

so please what i do to solve issue