jQuery同步提交示例代码


Posted in Javascript onDecember 12, 2015

本文实例讲述了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 相关文章推荐
理解Javascript_11_constructor实现原理
Oct 18 Javascript
js实现图片放大缩小功能后进行复杂排序的方法
Nov 08 Javascript
setInterval,setTimeout与jquery混用的问题
Apr 08 Javascript
深入理解JavaScript系列(18):面向对象编程之ECMAScript实现
Mar 05 Javascript
面向切面编程(AOP)的理解
May 01 Javascript
JS获取CSS样式(style/getComputedStyle/currentStyle)
Jan 19 Javascript
javascript如何定义对象数组
Jun 07 Javascript
JS实现根据文件字节数返回文件大小的方法
Aug 02 Javascript
微信小程序实战之自定义toast(6)
Apr 18 Javascript
javascript基础进阶_深入剖析执行环境及作用域链
Sep 05 Javascript
js canvas实现画图、滤镜效果
Nov 27 Javascript
nuxt.js写项目时增加错误提示页面操作
Nov 05 Javascript
JavaScript匿名函数之模仿块级作用域
Dec 12 #Javascript
自定义Angular指令与jQuery实现的Bootstrap风格数据双向绑定的单选与多选下拉框
Dec 12 #Javascript
利用jQuery实现WordPress中@的ID悬浮显示评论内容
Dec 11 #Javascript
jQuery入门之层次选择器实例简析
Dec 11 #Javascript
jQuery使用$.ajax提交表单完整实例
Dec 11 #Javascript
jQuery使用$.ajax进行即时验证实例详解
Dec 11 #Javascript
JavaScript基础篇(6)之函数表达式闭包
Dec 11 #Javascript
You might like
一段防盗连的PHP代码
2006/12/06 PHP
PHP操作数组的一些函数整理介绍
2011/07/17 PHP
基于PHP异步执行的常用方式详解
2013/06/03 PHP
多种方式实现JS调用后台方法进行数据交互
2013/08/20 Javascript
jquery ajax对特殊字符进行转义防止js注入使用示例
2013/11/21 Javascript
js常用数组操作方法简明总结
2014/06/20 Javascript
javascript 获取函数形参个数
2014/07/31 Javascript
jquery中each遍历对象和数组示例
2014/08/05 Javascript
深入探密Javascript数组方法
2015/01/08 Javascript
使用javascript提交form表单方法汇总
2015/06/25 Javascript
详细介绍jQuery.outerWidth() 函数具体用法
2015/07/20 Javascript
Javascript中this绑定的3种方法与比较
2016/10/13 Javascript
Angular ui.bootstrap.pagination分页
2017/01/20 Javascript
angular.js4使用 RxJS 处理多个 Http 请求
2017/09/23 Javascript
解决LayUI表单获取不到data的问题
2018/08/20 Javascript
vue 点击按钮增加一行的方法
2018/09/07 Javascript
JavaScript解析及序列化JSON的方法实例分析
2019/01/04 Javascript
使用layui定义一个模块并使用的例子
2019/09/14 Javascript
小程序卡片切换效果组件wxCardSwiper的实现
2020/02/13 Javascript
Python3实现的腾讯微博自动发帖小工具
2013/11/11 Python
Python实现向QQ群成员自动发邮件的方法
2014/11/19 Python
深入flask之异步非堵塞实现代码示例
2018/07/31 Python
postman模拟访问具有Session的post请求方法
2019/07/15 Python
python获取网络图片方法及整理过程详解
2019/12/20 Python
python软件都是免费的吗
2020/06/18 Python
python 实现一个简单的线性回归案例
2020/12/17 Python
用python批量移动文件
2021/01/14 Python
canvas绘制表情包的示例代码
2018/07/09 HTML / CSS
英国计算机产品零售商:Novatech(定制个人电脑、笔记本电脑、工作站和服务器)
2018/01/28 全球购物
美国婴儿服装购物网站:Gerber Childrenswear
2020/05/06 全球购物
高中历史教学反思
2014/02/08 职场文书
《童趣》教学反思
2014/02/19 职场文书
社区先进事迹材料
2014/05/19 职场文书
食品科学与工程专业毕业生求职信范文
2014/07/21 职场文书
2016年“节能宣传周”活动总结
2016/04/05 职场文书
详解CSS玩转图片Base64编码
2021/05/25 HTML / CSS