方法1:使用ajaxStart方法定义一个全局的“加载中。。。”提示

$(function(){

$("#loading").ajaxStart(function(){

$(this).html("");

});

$("#loading").ajaxSuccess(function(){

$(this).html("");

// $(this).empty(); // 或者直接清除

});

});

注意:

所有的ajax提交都会触发ajaxStart事件,都会在你定义的

位置上显示“加载中。。。”的图标(当然你也可以定义文字,但是一个加载中的图片比较好看);

-------但是一定要注意,同时要定义好ajaxSuccess事件,ajax提交成功后把这个图标隐藏起来!!!

特别提示:

使用ajaxStart或ajaxSuccess事件时,相当于定义了一个全局的显示“加载中。。。”的位置,所有ajax提交时候“加载中。。。”的图标都始终显示在一个位置!!!!

方法2:在ajax方法中定义任意位置显示的“加载中。。。”提示

$('#ajax_test2').click(function(){

$.ajax({

url ---- url路径,根据你需要些啦,

type:'post',

data:'name=ZXCVB',

timeout:15000,

beforeSend:function(XMLHttpRequest){

//alert('远程调用开始...');

$("#loading").html("");

},

success:function(data,textStatus){

alert('开始回调,状态文本值:'+textStatus+' 返回数据:'+data);

// $("#loading").empty();

},

complete:function(XMLHttpRequest,textStatus){

// alert('远程调用成功,状态文本值:'+textStatus);

$("#loading").empty();

},

error:function(XMLHttpRequest,textStatus,errorThrown){

alert('error...状态文本值:'+textStatus+" 异常信息:"+errorThrown);

$("#loading").empty();

}

});

});

很明显,在beforeSend时,在指定的位置显示“加载中。。。”图标,在error、complete、success后把该图标移除掉!!!!

注意:

页面有多个ajax提交时候,建议使用第二种方式,因为“加载中。。。”图标可以显示在任意你需要刷新的位置上!!!!!这就是它的优势:自由呀!!!!

jquery的ajax提交时“加载中”提示的处理方法

方法1:使用ajaxStart方法定义一个全局的“加载中...”提示 $(function(){    $("#loading").ajaxStart(function(){    ...

jquery的ajax提交时加载处理方法

1.定义全局的,就是所有的ajax的请求的加载都会出现相同的提示 $(function(){ //加载成功显示的状态 $("#showLoading").ajaxSuccess(f ...

[转]jquery的ajax交付时“加载中”提示的处理方法

本文转自:http://www.educity.cn/wenda/77121.html jquery的ajax提交时“加载中”提示的处理方法    方法1:使用ajaxStart方法定义一个全局的“加 ...

今天在研究jquery用ajax提交form表单中得数据时,学习到了一种新的提交方式

今天在研究jquery用ajax提交form表单中得数据时,学习到了一种新的提交方式 jquery中的serialize() 方法 该方法通过序列化表单值,创建 URL 编码文本字符串 序列化的值可在 ...

jquery实现ajax提交form表单的方法总结

本篇文章主要是对jquery实现ajax提交form表单的方法进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助 方法一:  function AddHandlingFeeToRefund( ...

asp.net 结合本地jQuery使在提交时显示错误提示

最近在做一个项目,做的表单有的比较长,如果直接点提交,错误提示有时可能用户看不见,对用户体验不好.还有客户端提交有点慢,担心用户重复提交,于是做了个检测用户提交表单验证是否有错误,没错误就提交,且把按 ...

Jquery 等待ajax返回数据loading控件ShowLoading组件

1.意义 开发项目中,前台的页面要发请求到服务器,服务器响应请求返回数据到前台,这段时间,有可能因为返回的数据量较大导致前台页面出现短暂性的等待,此时如果用户因不知情而乱点击有可能造成逻辑混乱,所以此 ...

php使用jquery Form ajax 提交表单,并上传文件

在html5中我们通过FormData就可以ajax上传文件数据,不过因为兼容问题.我们选用jquery.form.min.js来进行ajax的表单提交.   一.jquery.form.js下载地址 ...

jquery实现ajax提交表单信息

最近在思考优化项目,想自己扩展一个jquery自动获取表单中的数据进行ajax提交.本人没有完整性学习jquery,基本上是现学现找,有点困难. 主要是扩展和拼接json转对象 很简单,附上代码: ; ...

随机推荐

UI进阶 跳转系统设置相关界面的方法

跳转系统设置界面,例如提示用户打开定位.蓝牙或者WIFI,提醒用户打开推送或者位置权限等 在iOS6之后,第三方应用需要跳转系统设置界面,需要在URL type中添加一个prefs值,如下图: 跳转系 ...

4.CXF所支持的数据类型

前言:jdk提供了webService,但为什么使用jdk来开发webService相对少呢? 一个重要原因就是jdk支持的数据类型相对不足,例如Map就不为jdk所支持! CXF支持的数据类型: 基 ...

HDU1013_Digital Roots【大数】【水题】

Digital Roots Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others) To ...

[转]我的第一个WCF

1:首先新建一个解决方案 2:右击解决方案添加一个控制台程序 3:对着新建好的控制台程序右击添加wcf服务 最后的结果: 有3个文件 app.config  Iwcf_server.cs wcf_se ...

转:enum与typedef enum的用法

来自:http://blog.sina.com.cn/s/blog_817a5eb6010146ad.html 作者:于超峰 在程序中,可能需要为某些整数定义一个别名,我们可以利用预处理指令#defi ...

问题在哪?动态菜单条-------Day86

今天做了一个动态菜单条,先上图片,简单说一下我想实现的效果: 就是以下这个地方,随着鼠标指到哪,它就划到哪,并有一个惯性的幅度,并且滑动距离越远,停住的时候惯性越大,摆动幅度越大,这就是我大概想实现的 ...

POJ 3463 最(次)短路条数

Sightseeing Time Limit: 2000MS   Memory Limit: 65536K Total Submissions: 9497   Accepted: 3340 Descr ...

gensim做主题模型

作为Python的一个库,gensim给了文本主题模型足够的方便,像他自己的介绍一样,topic modelling for humans 具体的tutorial可以参看他的官方网页,当然是全英文的, ...

2018房地产沉思录 z

在中国,房价问题几乎有一个铁律:越调控越暴涨. 刚刚进入5月,全国各地发布的调控政策数量就已经超过了115个.仅4月份,全国各种房地产调控政策合计多达33次,25个城市与部门发布调控政策,其中海南.北 ...

关于Datastage资料库的一点小发现

这里的资料库,指的是Datastage Metadata层,在Datastage7.5以后,需要在安装Datastage时安装一个数据库用于存放用户数据. 昨天领导要求安装Datastage集群/高可 ...

ajax提交时页面转圈,jquery的ajax提交时loading提示的处理方法相关推荐

  1. .net mvc ajax重定向,如何在MVC3 JQuery的Ajax调用重定向到新的页面(连同模型)(How to redirec...

    我已经忘记密码页面,当用户输入用户名并点击"验证"按钮来检查他是在哪个组的基础上,我们需要显示不同的局部视图(现在让我们说,这是电话号码)的组这一页. 填写有效信息后, 成功我会重 ...

  2. 安装SQL Server 2005时,出现“SQL Server 服务无法启动。……”提示的解决方法

    安装SQL Server 2005时,出现"SQL Server 服务无法启动.--"提示的解决方法 上午在自己XP SP3电脑上安装SQL Server 2005时出现如下提示: ...

  3. ajax type是get请求,jQuery的Ajax请求数据时type无法使用GET

    写一个ASP.NET MVC例子,它是使用jQuery的$.Ajax来呼叫控制器的数据. 创建一个视图: 运行结果: 一切正常,但是本例子我们只是获取数据,并没有做任何数据POST上传至控制器,我们尝 ...

  4. ajax没返回响应数据,jQuery的Ajax时无响应数据的解决方法

    jQuery的Ajax时无响应数据的解决方法 复制代码 代码如下: $.ajax( { type: "POST", url: "/MemberComment.aspx/G ...

  5. html ajax提交表单实例,jQuery使用$.ajax提交表单完整实例

    本文实例讲述了jQuery使用$.ajax提交表单的方法.分享给大家供大家参考,具体如下: 首先,新建Login.html页面: /p> "http://www.w3.org/TR/x ...

  6. jq ajax同步异步,详解JQuery中Ajax的同步与异步

    说到ajax同步与异步,可能很多同学对它都不是很了解,接下来我们就Ajax的同步与异步作个简单的介绍.同步:提交请求->等待服务器处理->处理完毕返回这个期间客户端浏览器不能干任何事.异步 ...

  7. 火狐浏览器允许ajax,解决火狐浏览器发送jquery的ajax请求无效的问题

    今天遇到这样一个问题: 页面在chrome下发送ajax的请求是没有问题的,但是在firfox下无效. 代码大致如下: //前面省略 ..... 生成成绩 查询成绩 ...... ...... fun ...

  8. 基于jquery的ajax聊天室系统,基于jQuery的Ajax聊天室应用毕业设计(含外文翻译)...

    基于jQuery的Ajax聊天室应用毕业设计(含外文翻译) 毕业设计(论文) I 基于基于 jQuery 的的 Ajax 聊天室应用聊天室应用 摘摘 要要 随着网络的逐渐普及,以及网络技术的不断发展, ...

  9. jquery on() ajax 首次没反应,为什么JQuery的ajax方法没有执行

    用户提问 我的页面的代码如下,jquery-1.4.2.min.js导入没有问题,本来这个文件和jquery-1.4.2.min.js是放在webroot目录下的,可以正常运行. 但是我把这两个文件一 ...

最新文章

  1. mysql远程连接工具 cen_Navicat远程连接Centos数据库Mysql
  2. H264码流中SPS PPS
  3. java--IO流(详)
  4. vim 编辑演示_改变我生活的7个Vim技巧(含演示)
  5. nginx代理tomcat,https
  6. python 文件名以数字开头_python-如何使XML标记以数字开头?
  7. 拓端tecdat|Matlab中的偏最小二乘法(PLS)回归模型,离群点检测和变量选择
  8. 别人统一四大力学,吾统一四大布局方向
  9. linux系统添加任务栏蓝牙图标,深度系统中(deepin os)如何使用蓝牙适配器
  10. anylogic和java,基于Anylogic的Java代码入门教程
  11. linux打印机服务器设置,linux中设置CUPS打印机
  12. 基于Jtopo的网络拓扑编辑器初探
  13. 苹果电脑双系统虚拟机怎么安装?
  14. 对潇潇暮雨洒江天,一番洗清秋。渐霜风凄紧,关河冷落,残照当楼。是处红衰翠减,苒苒物华休。唯有长江水,无语东流。不忍登高临远,望故乡渺邈,归思难收。叹年来踪迹,何事苦淹留?想佳人,妆楼颙望,误几回、天际
  15. Kinect_人脸识别
  16. 51单片机实战教程之C语言基础(十 Keil C51函数库)
  17. zoc for mac注册码
  18. gl linux qt 库_Linux下Qt应用程序的发布(使用LDD命令查看所有依赖的库文件)
  19. 《Unity Shader入门精要》 第五章 开始学习Unity Shader之旅 笔记
  20. matlab 实现水印添加

热门文章

  1. 编程语言排行,C# 和 C++ 有望超越C?
  2. C语言I博客作业04
  3. 宜信 、《麻省理工科技评论》共同揭晓: 35岁以前最有可能改变世界的中国科技精英丨Xtecher 前线
  4. 使用idea快速创建maven项目
  5. 菲记单词隐藏技能,英语童鞋一定要看
  6. .NET Framework简介
  7. 【ML】KNN 原理 + 实践(基于sklearn)
  8. 音乐欣赏之古典乐曲经典开头
  9. 大数据笔记30—Hadoop基础篇13(Hive优化及数据倾斜)
  10. 财付通开放平台 android,腾讯开放财付通对接平台