关闭

进度条显示—正在加载中......

标签: html
3183人阅读 评论(0) 收藏 举报
分类:
1.在ajax中调用:
  beforeSend:function(XHR){
     $("#loading").show();
  },这个方法
  
  返回success时设置为隐藏即可:$("#loading").hide();

2.显示层
<div id="loading" style="z-index:99999;display:none; position:fixed; top:0;left:0; width:100%; 
    height:100%;background-image:url(images/loading.gif); background-position:center; 
    background-repeat:no-repeat; text-align:center;">
   <div style="position:absolute; top:42%; left:45%; width:10%; text-align:center;">正在提交数据,请稍候……</div>
</div>

3.图片loading.gif
     <img src="http://img.blog.csdn.net/20151119143937319?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" height="45" width="45" alt="" />

0
0
查看评论

利用JS弹出层实现简单的动态提示“正在加载中,请稍等...”

最近项目中大量用到了JQuery中的Ajax异步加载数据,数据量非常大,导致每次加载的时候都感觉到非常非常慢,让客户体验非常不好,就想到用JS做一个简单的提示。 JQuery版本:1.7.1; 编写一个JS类(ck.layer.js): /***************************...
  • yang_5
  • yang_5
  • 2012-03-15 11:49
  • 37366

80个GIF进度条,漂亮的动态加载进度条

  • 2012-06-20 14:56
  • 988KB
  • 下载

几种常见的载入中、loading页面效果的实现方法总结

原创被我打死了,我就是原创。 网页加载过程中提示“载入中…”,特别是使用动画效果,可以一个“等待”的温馨提示,用户体验很不错。 先说最简单的第一种,原理就是,在网页载入时在页面最中间打入一个层上面显示,"网页正在载入中...."当网页下载完毕,,用JS关闭这个层......
  • sdta25196
  • sdta25196
  • 2017-11-30 13:34
  • 496

Ajax 定时自动更新无刷新进度条

在最近的一个项目中,有一个上传功能:上传一个cvs文件,然后解析此文件并写入数据库由于经常需要传很大的文件,客户完成此功能往往需要40分钟,在这个过程中,页面也没有任何提示,用户体验非常不好?为何不用ajax作一个进度条呢?分两步完成此需求:一:写一个简单的ajax,实现最简单的进度条功能。二:把此...
  • qij2256
  • qij2256
  • 2007-03-21 22:37
  • 1253

利用AJAX技术实现网页无刷新进度条显示

在网页中实现页面无刷新的进度条显示不是一件很麻烦的事情,但如果这个进度条要能准确反映当前事务或者复杂逻辑的执行进度,那么却并不是一件容易的事情,目前AJAX技术流行,所以本文作者试想通过AJAX来实现网页准确进度条,以銄读者。首先应该想一个问题,复杂事务或者事务逻辑如果不按线程方式运行,运行在JAV...
  • JOEMAIL
  • JOEMAIL
  • 2006-12-15 10:19
  • 841

jQuery中Ajax事件beforesend及各参数含义

Ajax会触发很多事件。 有两种事件,一种是局部事件,一种是全局事件: 局部事件:通过$.ajax来调用并且分配。 $.ajax({ beforeSend: function(){ // Handle the beforeSend event }, complete: fu...
  • yangli91628
  • yangli91628
  • 2014-05-30 12:38
  • 414

AJAX请求和响应

本文介绍AJAX请求和响应,重点介绍了三个问题:@ResponseBody标注问题、动态元素绑定事件以及中文乱码问题。
  • Chuxiangming1993
  • Chuxiangming1993
  • 2016-03-31 18:00
  • 1047

项目请求"进度条"实现方法

当一个程序正在运行的加载事件过长的话,要有良好的用户体验,进度条是不可缺少的。使用了JqueryEasyUI实现读取进度条 easyUi进度条样式: var value = $('#p').progressbar('getValue'); if (val...
  • selaginella
  • selaginella
  • 2014-03-19 00:53
  • 1093

Ajax beforeSend和complete 方法

$.ajax({ beforeSend: function(){ // Handle the beforeSend event }, complete: function(){ // Handle the complete event } ...
  • chenjianandiyi
  • chenjianandiyi
  • 2016-08-22 10:31
  • 9309

巧用Ajax的beforeSend 提高用户体验

jQuery是经常使用的一个开源js框架,其中的$.ajax请求中有一个beforeSend方法,用于在向服务器发送请求前执行一些动作。具体可参考jQuery官方文档:http://api.jquery.com/Ajax_Events/ $.ajax({ beforeSend: ...
  • shuai7boy
  • shuai7boy
  • 2016-11-17 17:23
  • 2441
    个人资料
    • 访问:378924次
    • 积分:4844
    • 等级:
    • 排名:第7041名
    • 原创:134篇
    • 转载:250篇
    • 译文:6篇
    • 评论:34条
    文章分类
    最新评论