完成 Ajax 请求后提交表单答案

【问题标题】：Submit a form after finished Ajax request完成 Ajax 请求后提交表单
【发布时间】：2011-03-30 11:30:28
【问题描述】：

我想提交一份注册表单。在表单 onload 中，我调用了一个 JavaScript 函数来验证所有字段。

这里我应该调用一个ajax函数来验证一个字段。

var checkExists = true;

checkExists = ajaxQuery(data);

if (checkExists) {

    alert('Already exists');

   return false;

}

ajaxquery 是一个 ajax 函数，它将根据结果返回 true 或 false。我的问题是不管AJAX结果是什么，都会先执行if条件，返回false。

所以即使checkExists 变量值为false，我的表单也总是卡住。请帮忙

【问题讨论】：

你的 ajaxQuery 函数是什么样的？您应该使用 ajax 调用中的回调函数，这样只有在收到响应时才会执行 if 语句。

标签： jquery forms

【解决方案1】：

因为ajax查询是异步的，所以需要把代码放在ajaxQuery的callback方法中：http://api.jquery.com/jQuery.ajax/

$.ajax({
  url: "test.html",
  context: document.body,
  success: function(data){
     // your logic goes here.
     alert('Already exists');
     return false;
  }
});

【讨论】：