首页 > 语言 > JavaScript > 正文

jQuery同步提交示例代码

2024-05-06 16:26:09
字体:
来源:转载
供稿:网友
这篇文章主要介绍了jQuery同步提交实现方法,实例分析了jQuery基于ajax实现同步提交的具体技巧,以及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程序设计有所帮助。



注:相关教程知识阅读请移步到JavaScript/Ajax教程频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选