完成Ajax请求后提交表单

时间:2011-03-30 11:30:28

标签: jquery forms

我想提交一份注册表格。在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,我的表单也会卡住。请帮忙

1 个答案:

答案 0 :(得分:3)

因为ajax查询是异步的,所以你需要将代码放在ajax jQuery的回调方法中: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;
  }
});