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

Question

我有这段代码。

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

返回真值；

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

Answer 1

如果您在提交函数的末尾返回真值，那么浏览器将转到表单的 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。