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);
      }
   });

认为我在：done函数末尾缺少某些内容

您可以使用jsfiddle here

测试功能

TIA，

代码战士

Answer 1

我发现插入和更新都直接导致404页面。请帮助确认${pageContext.request.contextPath}可从AJAX URL属性中的控制器获得。 404 page screenshot

弹出表单返回404而不是更新DataTables行

1 个答案: