在jQuery ajax回调函数中维护函数顺序

Question

我有一个 jQuery ajax 函数。回调函数由两个函数组成：

1) 获取 ajax 结果（这是一个 html 表单）并将其作为 html span 的内部 html 插入。 2) 提交此表格

如何确保在 JavaScript 尝试提交表单之前加载表单？

代码：

$("select").live("change", function(){
  FormUpdate();
})

function FormUpdate() {

  $.ajax({
  type: "POST",
  url: "index.php?UpdateForm=Yes",
  data: $("#Form").serialize(),
  success: function(msg){
    $("span#Content").html(msg);
    $("#Form").submit();
  }
  });

}

我的问题来了，因为 javascript 尝试在表单加载和我的数据提交之前提交表单。

Answer 1

只需简单的将获取ajax结果并插入DOM的函数放在前面，表单提交函数放在后面。

只有在插入完成后，才会调用下一个函数。

例子：

$.ajax({
   type: "POST",
   url: "backend.php",
   data: "name=John",
   dataType: "json"
   success: function(msg){
     $("#thediv").html(msg.html);
     $("form#theform").submit();
   }
 });

Answer 2

DOM 操作是同步的，所以表单直到之后才会提交。您对这种情况有特定的问题吗？如果是这样，请发布大量代码:)