欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

jQuery同步提交示例代码_jquery

程序员文章站 2022-03-14 09:11:47
...
本文实例讲述了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程序设计有所帮助。