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

方法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集群/高可 ...