jQuery同步提交示例代码

前端技术 2023/09/08 JavaScript

本文实例讲述了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程序设计有所帮助。

本文地址:https://www.stayed.cn/item/22949

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。