jQuery同步提交示例代码

221 阅读 0 评论 146 点赞

我是靠谱客的博主慈祥西装，最近开发中收集的这篇文章主要介绍jQuery同步提交示例代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

本文实例讲述了jQuery同步提交的方法。分享给大家供大家参考，具体如下：

使用jQuery 框架，同步提交演示

在一些严格检测或者递归、循环调用的情况下，如果不能同步返回数据则可能会出现错误结果，所以需要使用同步提交技术，jQuery默认是异步操作，需要显式设置异步属性async为false，便可以实现同步。

自定 data 提交

function GroupCheck(url, operate, check, group, joker) 
{ 
 var result = -1; 
 $.ajax( 
 { 
  type : "POST", 
  async : false, 
  url : url, 
  data : 
  { 
   operate : operate, 
   id_atGroup : group, 
   id_atJoker : joker 
  } 
 }).done(function(msg) 
 { 
  if (msg != null && msg != "") 
  { 
   if (msg == 0) 
   { 
    alert("操作成功2"); 
   } 
   else 
   { 
    alert("操作失败2"); 
   } 
  } 
  else 
  { 
   alert("服务器异常2"); 
   // check.checked = true; 
  } 
 }).fail(function() 
 { 
  // alert("error"); 
 }).always(function() 
 { 
  // alert("complete"); 
 }); 
 return result; 
}

取得 form 作为提交的数据

var $form = $('#theForm1'); 
url = $form.attr('action'); 
$.ajax( 
{ 
 type : "POST", 
 async : false, 
 url : url, 
 data : $form.serialize() 
}).done(function(msg) 
{ 
 // 完成代码 
});

注意 1.8以后，废弃 jqXHR.success(), jqXHR.error(), andjqXHR.complete()，改为 jqXHR.done(),jqXHR.fail(), and jqXHR.always()

希望本文所述对大家jQuery程序设计有所帮助。