I am adding this screen to a very old application that was build in Struts 1.3, EJB 2.0.

Trying Dynamic Add/Edit/Delete/Refresh rows. Using Datatables and altEditor. Following this example: https://github.com/KasperOlesen/DataTable-AltEditor/tree/master/example/03_ajax_objects

When I click on Add button and enter all details, I am calling my ajax call (inside onAddRow function) to save the new record and the Save works. But I am getting error as shown in picture.

I see it does the ajax call and I see the date saved in database. And on the screen, when I click on Refresh, it displays the new record.

Any help please. I am not getting any clue where is the error.

    $( document ).ready(function() {        
    var context = "<%=request.getContextPath()%>";
    
    var columnDefs = [
     {
       data: "payMonth",
       title: "Month",
       type: "number"
     },
    {
       data: "payYear",
       title: "Year",
       type: "number"
     },
     {
       data: "payPercentage",
       title: "Percentage",
       type: "number"
     }
     ];
    let someId = new URLSearchParams(window.location.search);
    
    $.ajaxSetup({
        beforeSend: function() {$('#loader').show();},
        complete: function() { $('#loader').hide();},
        success: function() {},
        async: true
    });
    var url1 = context + '/myAction.do?action=myGetMethods&someId='+someId;
    var url2 = context+'/myAction.do?action=mySaveMethod&someId='+someId; 
    
    var myTable;
    myTable = $('#myDataTable').DataTable({
        "sPaginationType": "full_numbers",
        ajax: {
            url : url1,
            dataSrc : 'data'
        },
        columns: columnDefs,
        dom: 'Bfrtip',        // Needs button container
        select: 'single',
        responsive: true,
        altEditor: true,     // Enable altEditor
        buttons: [
            {
                text: 'Add',
                name: 'add'        // do not change name
            },
            {
                extend: 'selected', // Bind to Selected row
                text: 'Edit',
                name: 'edit'        // do not change name
            },
            {
                extend: 'selected', // Bind to Selected row
                text: 'Delete',
                name: 'delete'      // do not change name
            },
            {
                text: 'Refresh',
                name: 'refresh'      // do not change name
            }
        ],
        onAddRow: function(datatable, rowdata, success, error) {
            var payPercentage = rowdata.payPercentage;
            var payMonth = rowdata.payMonth;
            var payYear = rowdata.payYear;
            var urlSave = context+'/myAction.do?action=mySaveMethod&someId='+someId;
            $.ajax({
                url: urlSave,
                type: 'GET',
                data: rowdata,
                success: success,
                error: error
            });
        },
        onDeleteRow: function(datatable, rowdata, success, error) {
            $.ajax({
                url: url1,
                type: 'GET',
                data: rowdata,
                success: success,
                error: error
            });
        },
        onEditRow: function(datatable, rowdata, success, error) {
            $.ajax({
                url: url1,
                type: 'GET',
                data: rowdata,
                success: success,
                error: error
            });
        }
    });
});