html5正在加载数据,JSP如何做正在加载数据,请稍等...这样的提示页面 loding。。。...
http://fantasy.iteye.com/blog/67320
-----------------------
用ajax:ajax发个异步请求的时候 调用一个div显示 数据正在加载中 ……”,
接收到请求的时候 关闭div就可以了
-------------------------------------
在要加载jsp页面的html代码
下添加如下:
|
然后触发提交按钮事件的时候:sending.style.visibility= "visible "
OK!
如果需要等待的时间比较长,你可以把页面上的按钮在提交之后将按钮设置为buttonName.disabled=true,这样可以防止用户等不耐烦而再按。
------------------------------------------------------------------------
无标题文档
a{ color:#000; font-size:12px;text-decoration:none}
a:hover{ color:#900; text-decoration:underline}
#massage_box{ position:absolute; left:expression((body.clientWidth-40)/2); top:expression((body.clientHeight-40)/2); width:40px; height:40px;filter:dropshadow(color=#666666,offx=3,offy=3,positive=2); z-index:2; visibility:hidden}
#mask{ position:absolute; top:0; left:0; bottom:0;width:expression(body.scrollWidth); height:100%; background:#666; filter:ALPHA(opacity=60); z-index:1; visibility:hidden}
.massage{border:#036 solid; border-width:1 1 3 1; width:95%; height:95%; background:#fff; color:#036; font-size:12px; line-height:150%}
.header{background:#036; height:10%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:3 5 0 5; color:#fff}
function createXMLHttpRequest()
{
if(window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
if(window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();
}
}
}
function LoadPageWait()
{
createXMLHttpRequest();
// var url = "http://extjs.com/deploy/ext-1.1/docs/";
var url = "http://www.163.com/";
// var url = "test.html";
xmlHttp.open("GET", url, true);
xmlHttp.onreadystatechange = goCallback;
xmlHttp.send(null);
}
function goCallback()
{
if(xmlHttp.readyState == 1)
{
// document.getElementById("Label1").innerHTML = "数据读取中.";
mask.style.visibility='visible';
massage_box.style.visibility='visible';
}
if(xmlHttp.readyState == 2)
{
// document.getElementById("Label1").innerHTML = "数据初始化.";
mask.style.visibility='visible';
massage_box.style.visibility='visible';
}
if(xmlHttp.readyState == 3)
{
// document.getElementById("Label1").innerHTML = "数据载入中.";
mask.style.visibility='visible';
massage_box.style.visibility='visible';
}
if(xmlHttp.readyState == 4)
{
// document.getElementById("Label1").innerHTML = "页面加载中.";
mask.style.visibility='visible';
massage_box.style.visibility='visible';
setTimeout("WriteData()", 1);
}
}
function WriteData()
{
window.location.replace("http://www.163.com/");
//window.location.replace("1.html");
return false;
}
html5正在加载数据,JSP如何做正在加载数据,请稍等...这样的提示页面 loding。。。...相关推荐
- confluence 制作流程图_数据流程图是做什么的?数据流程图海量模板参考
数据流程图是通过要素和符号来描绘数据的来源.流动和存储情况,是一种以此来比较清晰.直观的反映出系统信息全貌的一种工具.是当下使用率比较高的一种图表,能够清楚地反映出复杂流程脱离于繁多文字能够一眼就帮助 ...
- python数据可视化的特点_python的数据分析到底是啥?python数据可视化怎么做?
python是个啥?它一个强大的编程语言.数据分析是个啥?它一目了然,就是将数据进行分析,看看能得出什么结论.那python的数据分析到底是啥?其实就是通过这个语言将数据分析做出来,更加便捷化,更加速 ...
- 财务大数据比赛有python吗-大数据工作内容有哪些?老男孩Python数据培训
数据,想必对于大家来说都是非常熟悉的东西,也是我们生活之中不能够缺少的,数据的出现给我们带来了很大的帮助,但是说到大数据,可能很多人都存在疑问,是什么呢?大数据开发主要做什么? 根据大数据人才报告来说 ...
- 大数据浪潮将催生信息产业第三极——“数据极”
11月8日消息,2012年,大数据高调走进人们的视野,大数据的概念为人所熟知,"大数据时代"这一说法也得到了广泛认可.据统计,2012年大数据的市场规模达到4.5亿元,2013年还 ...
- activity中fragment 返回键不退出_优雅地处理加载中(loading),重试(retry)和无数据(empty)等...
LoadSir是一个高效易用,低碳环保,扩展性良好的加载反馈页管理框架,在加载网络或其他数据时候,根据需求切换状态页面,可添加自定义状态页面,如加载中,加载失败,无数据,网络超时,占位图,登录失效等常 ...
- cesium 3dtiles 加载本地数据_记一次Cesium地形数据生成过程
问题描述 有一小块带高程值的点状数据,需要根据该数据生成Cesium支持的3dtiles数据,在Cesium中显示.经过一周多时间的摸索,终于能够在Cesium中加载成功.现将数据处理流程做个记录,以 ...
- axios请求拦截 做Loading加载
axios请求拦截 做Loading加载 首先安装element-ui ,我们是按需引入 从element-ui 引入我们所需: import {Loading,Message} from " ...
- vue 实现数据滚动显示_vue 滚动加载数据
table数据多的时候打开页面会加载一会才显示数据,这样体验不好,所以要做滚动加载数据 {{eventMap[scope.row.eventId] == null ? '--': eventMap[s ...
- html 下拉滚动加载,原生js滚动到底部加载数据和下拉刷新 Scrollload
初衷 如今移动端站点越来越多,滚动到底部加载数据和下拉刷新的需求非常的常见,即使现在很多pc站点也会有这样的需求,比如百度首页就有.虽然简单的完成这么一个功能非常方便,但是滚动往往会成为性能的瓶颈,处 ...
最新文章
- MFC 使用控制台打印程序信息
- Holedox Moving
- java 注释快捷打出时间_Java快捷---自动注释时间作者。。。
- 单位阶跃信号是周期信号吗_直流散热风扇的信号你知道如何控制吗?
- 免费python自学攻略-自学Python的10门免费课程,已学完
- sourcemointor评价代码
- 全国计算机等级考试怎么保存,全国计算机等级考试一级备考:Word文档保存为PDF文件...
- 读书笔记-干法-永不言弃绝不妥协埋头苦干
- 14443-A 与14443-B区别
- 网银支付 加密解密说明
- 从零基础入门Linux系统
- OSChina 周一乱弹 —— 怎么搭讪学医的女孩,说你有病!
- 【Qt5 for VS】关于出现 Qt platform plugin windows 运行错误的解决方案
- mysql安装出现应用程序无法正常启动(oxc000007b)的解决方案
- 计算机二级ms真题及答案网盘,全国计算机二级MS Office考试真题及答案
- 几种方法判断平面点在三角形内
- 关于js中获取div中的数据
- 监听器到底是什么,有什么用
- seata:Error creating bean with name ‘globalTransactionScanner‘ defined in class path resource
- JAVA之利用集合操作学生数据