如何在弹出窗口中显示此成功消息

Question

我认为此代码。

添加数据库后，该消息完美显示，但网格未显示更新结果。 如果我坚持

return true;

当我单击“提交”按钮时，我立即获得弹出窗口，然后添加到数据库中？ 这在网格中显示了我的更新结果。

Answer 1

AJAX请求是异步的，因此它在回调完成之前完成了表单提交例程，这可能解释了您得到的结果。 我认为可能有一个异步设置可以关闭，以便必须首先完成操作/回调。

Answer 2

根据您的代码，据我所知，您无法加载新数据。

您return true;的原因return true; 之所以要加载新数据，是因为submit事件成功执行了它的默认操作，该默认操作是提交到服务器并刷新页面。

另一方面， return false;否则return false; 阻止此操作（包括刷新页面），而是只运行XHR。

您可以做的是：

作为XHR的结果返回新数据，并进行相应的解析。

Answer 3

如果在提交功能的末尾返回true，则浏览器将转到表单的action属性中的url。 我认为，如果您已经处理过ajax调用中的表单数据，则应该始终返回false。 您需要获取更新的网格，作为ajax成功方法的一部分。

您不能拥有ajax弹出窗口，而仍然让表单以正常方式提交。

$(function () {
          $('#form4').submit(function () {
              ...    
              $.ajax({
                 ...
                  success: function (result) {
                      ...
                      // update grid
                      grid_container = $("#grid").html('');
                      $("<table>").appendTo(grid_container);
                      for (ii = 0; ii < result.grid.length; ++ii) {
                         tr = $("<tr>").appendTo(table);
                         for (jj=0; jj < result.grid[ii].length; ++ii) {
                             td = $("<td>").text(result.grid[ii][jj]).appendTo(tr);
                         }
                      }

                      // show success message
                      alert('Saved NewServiceTypeCategory Successfully. Thank you!');
                  }
              });
              return false;
          });
      });

现在，您要做的就是使服务器端的后处理程序返回带有网格数据的XML。