1

我有一个将数据提交到数据库然后提交到谷歌文档的表单。我正在使用 jquery ajax 来实现这一点。javascript:

              var name ="a";
              var company = "b";
              var phone = "1";
                ...

              $.ajax({
                    async: false,
                    url: "view/templates/includes/abc.php",
                    //type: 'POST',
                    //timeout: 10000,
                    data: {
                          "name": name,
                          "company": company,
                          "phone": phone,
                          "email": email,
                          "comments": comments
                    },
                    success: function(data) {
                          //called when successful
                          alert(data);
                          //alert('success');
                          $('#php-code').html(data);
                    },
                    error: function(e) {
                          //  alert(e.message);
                          //called when there is an error
                          //console.log(e.message);
                    }
              });
              return true;
        }

abc.php 是我将数据插入数据库的代码所在。

现在的问题是我不想使用 async:false 因为我读过它不应该被使用，因为它可能导致浏览器挂起并且它破坏了使用 ajax 的目的。但是，如果我不使用 async:false 表单会在我的 ajax 响应到来之前提交，因此它总是会转到错误函数。

我该怎么做才能不使用 async:false？

4

1 回答 1

1

您可以在提交时调用 ajax 函数。

您可能希望在您的活动中停止提交表单（可能是单击按钮）。

并在ajax成功方法中，显式提交表单。（可以使用 jQuery 完成 - $('#id_of_form').submit()）

前任。可以按照步骤，

$('#id_button_submit').click(function(event){
// this will prevent form to be submitted
             event.preventDefault();
              // call the function of ajax 
              serviceCall();
          });

在ajax的成功方法中

success: function(data) {
         $('#id_of_form').submit();
         // rest of your code
},

或者一个 jQuery 插件http://malsup.com/jquery/form/#ajaxSubmit可能对你有用

于 2013-10-18T09:20:00.627 回答