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 相关文章推荐
jQuery toggle()设置CSS样式
Nov 05 Javascript
jquery 简单图片导航插件jquery.imgNav.js
Mar 17 Javascript
javascript中的new使用
Mar 20 Javascript
js网页版计算器的简单实现
Jul 02 Javascript
利用javascript实现全部删或清空所选的操作
May 27 Javascript
JavaScript中的eval()函数使用介绍
Dec 31 Javascript
使用jQuery实现更改默认alert框体
Apr 13 Javascript
浅谈js函数三种定义方式 & 四种调用方式 & 调用顺序
Feb 19 Javascript
详解使用angular的HttpClient搭配rxjs
Sep 01 Javascript
基于vue.js实现分页查询功能
Dec 29 Javascript
在Uni中使用Vue的EventBus总线机制操作
Jul 31 Javascript
jQuery实现滑动开关效果
Aug 02 jQuery
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
深入eAccelerator与memcached的区别详解
2013/06/06 PHP
比较strtr, str_replace和preg_replace三个函数的效率
2013/06/26 PHP
自制PHP框架之设计模式
2017/05/07 PHP
php post json参数的传递和接收处理方法
2018/05/31 PHP
prototype 源码中文说明之 prototype.js
2006/09/22 Javascript
js限制文本框只能输入数字方法小结
2014/06/16 Javascript
JavaScript字符串对象substring方法入门实例(用于截取字符串)
2014/10/17 Javascript
Javascript基础_标记文字的实现方法
2016/06/14 Javascript
Angular2 (RC4) 路由与导航详解
2016/09/21 Javascript
JS实现的简单图片切换功能示例【测试可用】
2017/02/14 Javascript
js获取ip和地区
2017/03/10 Javascript
微信小程序 下拉菜单的实现
2017/04/06 Javascript
vue loadmore组件上拉加载更多功能示例代码
2017/07/19 Javascript
Angular之toDoList的实现代码示例
2017/12/02 Javascript
jQuery中复合选择器简单用法示例
2018/03/31 jQuery
jquery.pager.js分页实现详解
2019/07/29 jQuery
使用axios请求时,发送formData请求的示例
2019/10/29 Javascript
VsCode里的Vue模板的实现
2020/08/12 Javascript
[15:28]DOTA2 HEROS教学视频教你分分钟做大人-剧毒术士
2014/06/13 DOTA
基于scrapy实现的简单蜘蛛采集程序
2015/04/17 Python
Django rest framework工具包简单用法示例
2018/07/20 Python
对Python的zip函数妙用,旋转矩阵详解
2018/12/13 Python
Tensorflow分类器项目自定义数据读入的实现
2019/02/05 Python
Python提取转移文件夹内所有.jpg文件并查看每一帧的方法
2019/06/27 Python
html5 touch事件实现触屏页面上下滑动(一)
2016/03/10 HTML / CSS
html5视频媒体标签video的使用方法及完整参数说明详解
2019/09/27 HTML / CSS
解释DataSet(ds) 和 ds as DataSet 的含义
2014/07/27 面试题
有关打架的检讨书
2014/01/25 职场文书
软件项目开发计划书
2014/05/01 职场文书
门店业绩提升方案
2014/06/08 职场文书
办公室主任岗位职责
2015/01/31 职场文书
2015年秋学期教研工作总结
2015/10/14 职场文书
2016年教师节特级教师获奖感言
2015/12/09 职场文书
Python基础之元组与文件知识总结
2021/05/19 Python
python3 hdf5文件 遍历代码
2021/05/19 Python
Android移动应用开发指南之六种布局详解
2022/09/23 Java/Android