Всплывающая форма возвращает 404 вместо обновления строки DataTables

Question

jQuery 3.3.1 jQuery DataTables 1.10.19

Я установил DataTable и некоторые кнопки, которые отображают некоторые формы, чтобы воздействовать на указанную таблицу.Пример: одиночный щелчок по строке выделяет и выделяет строку, затем нажимает всплывающую кнопку «Обновить» и заполняет форму обновления.Сделав некоторые изменения и нажав кнопку «отправить», я ожидаю, что строка будет обновлена ​​свежей информацией, но вместо этого форма исчезнет и будет заменена ошибкой 404.

function popupRuleDeck_update_submit() {
    var formJsonObj = $('#form_popupRuleDeck_update').serializeObject();
    var formJsonStr = JSON.stringify( formJsonObj);
    $.ajax({
      url: '/echo/json/',
      type: "post",
      dataType: "json",
      contentType: "application/json; charset=utf-8",
      data: { json:formJsonStr, delay:3}
    }).done( function( response, textStatus, jqXHR) {
      console.dir( "update succeeded textStatus:" + textStatus);
      ruleTable.row('.selected').data( response).invalidate().draw();
      ruleTable.row('.selected').removeClass('selected');
    }).fail( function( jqXHR, textStatus, errorThrown) {
      console.dir( "update failed textStatus:" + textStatus);
      console.dir( "update failed errorThrown:" + errorThrown );
      var errors = jqXHR.responseJSON;
      if( errors) {
            console.dir( "failed errors:" + jqXHR.responseJSON);
      }
   });

Метинкс ЯЧто-то упустили в конце моей: готовая функция

Функциональность можно проверить с помощью jsfiddle здесь

TIA,

код-воин

Answer 1

Я обнаружил, что вставка и обновление ведут непосредственно к странице 404.Пожалуйста, помогите подтвердить ${pageContext.request.contextPath} доступно от контроллера в атрибуте URL AJAX. скриншот страницы 404