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 相关文章推荐
ExtJS 工具栏 分页事件参数
Mar 05 Javascript
js实现键盘控制DIV移动的方法
Jan 10 Javascript
jQuery中trigger()方法用法实例
Jan 19 Javascript
JS简单模拟触发按钮点击功能的方法
Nov 30 Javascript
jQuery使用中可能被XSS攻击的一些危险环节提醒
May 24 Javascript
js返回顶部实例分享
Dec 21 Javascript
jquery hover 不停闪动问题的解决方法(亦为stop()的使用)
Feb 10 Javascript
微信小程序调用PHP后台接口 解析纯html文本
Jun 13 Javascript
解决layui前端框架 form表单,table表等内置控件不显示的问题
Aug 19 Javascript
vue中promise的使用及异步请求数据的方法
Nov 08 Javascript
使用Vue开发自己的Chrome扩展程序过程详解
Jun 21 Javascript
解决vue项目 build之后资源文件找不到的问题
Sep 12 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
菜鸟修复电子管记
2021/03/02 无线电
关于PHP实现异步操作的研究
2013/02/03 PHP
控制PHP的输出:缓存并压缩动态页面
2013/06/11 PHP
Laravel 5框架学习之日期,Mutator 和 Scope
2015/04/08 PHP
smarty内部日期函数html_select_date()用法实例分析
2015/07/08 PHP
CodeIgniter框架钩子机制实现方法【hooks类】
2018/08/21 PHP
基于逻辑运算的简单权限系统(实现) JS 版
2007/03/24 Javascript
jQuery 遍历json数组的实现代码
2020/09/22 Javascript
基于jquery的高性能td和input切换并可修改内容实现代码
2011/01/09 Javascript
基于Jquery实现仿百度百科右侧导航代码附源码下载
2015/11/27 Javascript
Jquery实现简单的轮播效果(代码管用)
2016/03/14 Javascript
教你用javascript实现随机标签云效果_附代码
2016/03/16 Javascript
js获取所有checkbox的值的简单实例
2016/05/30 Javascript
全面了解构造函数继承关键apply call
2016/07/26 Javascript
JS 实现导航菜单中的二级下拉菜单的几种方式
2016/10/31 Javascript
Node.js获取前端ajax提交的request信息
2017/02/20 Javascript
原生JS实现左右箭头选择日期实例代码
2017/03/14 Javascript
B/S(Web)实时通讯解决方案分享
2017/04/06 Javascript
vuejs如何配置less
2017/04/25 Javascript
vue.js移动端app之上拉加载以及下拉刷新实战
2017/09/11 Javascript
vue2.0 路由不显示router-view的解决方法
2018/03/06 Javascript
解决一个微信号同时支持多个环境网页授权问题
2019/08/07 Javascript
浅谈vue.watch的触发条件是什么
2020/11/07 Javascript
python list语法学习(带例子)
2013/11/01 Python
python基础教程之类class定义使用方法
2014/02/20 Python
Python实现嵌套列表及字典并按某一元素去重复功能示例
2017/11/30 Python
Python实现带下标索引的遍历操作示例
2019/05/30 Python
利用python爬取有道词典的方法
2020/12/08 Python
Pandas中DataFrame交换列顺序的方法实现
2020/12/14 Python
ECHT官方网站:男女健身服
2020/02/14 全球购物
架构师岗位职责
2013/11/18 职场文书
开工庆典邀请函范文
2014/01/16 职场文书
Nginx本地目录映射实现代码实例
2021/03/31 Servers
Java 数组内置函数toArray详解
2021/06/28 Java/Android
opencv检测动态物体的实现
2021/07/21 Python
利用Python实现翻译HTML中的文本字符串
2022/06/21 Python