天易27----页面加载进度条

说明：进度条在网上下载一个动态的gif进度条图片即可.....

一：图片预览

二：

1.可刷新页面的进度条代码：

1）在页面body体中添加div层：

<div id="jindu" style=" display:'none';position:absolute; top:50%; margin-top:-50px; left:50%; margin-left:-50px; position:absolute; z-index: 1; text-align:center; vertical-align:middle;"><center><img src="./images/jiazai.gif" > <br/><font color="black" size="2" style="left:400px;margin-top:1px;font-family:仿宋">正在更新数据,请稍等......</font></center></div>

2）页面中button按钮：

<input name="input2" value="批量转入" type="button"  class="normalbtn" onClick="plshift(<s:property value="page.totalPage" />);"/>

3）调用上面按钮方法（plshift(<s:property value="page.totalPage" />)）：

function plshift(count){cookiesUpdate();var allsfzmhm="";var temp = "";for(var i=0;i<count;i++){temp = getCookie("page"+(i+1));if(temp=="null"){temp = "";}allsfzmhm +=temp;}allsfzmhm = allsfzmhm.replace(new RegExp('"','gm'),"");if(allsfzmhm!=""){document.getElementById("jindu").style.display='';//在调用后台方法前加上这一句：执行完毕隐藏进度条location.href = '/zbjp/driverAction.action?method=toPlzr&driverForm.tjSfzmhm='+ allsfzmhm;}else{alert("请选择转入学员！");}}

2.无刷新页面的进度条代码：

图片预览：

1）在页面body体中添加div层：

<div id="jindu" style=" display:'none';position:absolute; top:50%; margin-top:-50px; left:50%; margin-left:-50px; position:absolute; z-index: 1; text-align:center; vertical-align:middle;"><center><img src="./images/jiazai.gif" > <br/><font color="black" size="2" style="left:400px;margin-top:1px;font-family:仿宋">正在更新数据,请稍等......</font></center></div>

2）页面中button按钮：

<input type="button" value=" 更新考试成绩 " onclick="xzkscj()" class="normalbtn" style="margin-bottom: 5px" />

3）调用上面按钮方法（xzkscj()）：

function xzkscj(){//document.getElementById("formName").action="<%=basePath %>sjxz.action?method=getXzkscj";//document.getElementById("formName").submit();document.getElementById("jindu").style.display='';
var urldic="<%=basePath %>sjxz.action?method=getXzkscj";
aj(urldic);}

4）aj方法（主要用于ajax防止刷新页面）：

function aj(urldic){$.ajax({type: "POST",dataType:"json",url: urldic,  success: function(result){   document.getElementById("jindu").style.display='none';//document.getElementById("jindu"):"jindu"是div进度条层的idalert(result.value);  }});}

5）后台action（getXzkscj）方法：

/** * 下载考试成绩 */
public String getXzkscj() {
// TODO Auto-generated method stubint kscjCount=sjxzSerivce.getXzkscjCount();this.news="共下载了"+kscjCount+"条考试成绩数据！";Map<String,String> message = new HashMap<String,String>();//以下三行主要用于ajax在页面的显示，不许刷新页面message.put("value", this.news);this.jsonMap(message, response);return null;//这里要返回null;}

6）ajax所需方法(上面所需调用的 jsonMap方法):

/** * 把map转换为json输出到jsp *  * @param map * @param response */public void jsonMap(Map<String, ?> map,HttpServletResponse response) {jsonWriter(JSONObject.fromObject(map).toString(), response);}public void jsonWriter(String jsonSring, HttpServletResponse response) {response.setContentType("application/json;charset=UTF-8");response.setCharacterEncoding("UTF-8");PrintWriter out;try {out = response.getWriter();out.print(jsonSring);out.flush();out.close();} catch (IOException e) {e.printStackTrace();}}

	
				
	
					   
天易27----页面加载进度条
	  	   
通用页面加载进度条
	  	   
页面加载进度条..
	  	   
页面加载进度条
	  	   
页面加载进度条
	  	   
页面加载进度条
	  	   
页面加载进度条
	  	   
页面加载进度条
	  	   
页面加载进度条显示
	  	   
动态页面加载进度条
	  	   
页面加载显示进度条
	  	   
页面加载进度条原理
	  	   
jsp页面进度条加载
	  	   
页面加载进度条
	  	   
页面直接加载进度条
	  	   
JavaScript页面加载进度条
	  	   
页面加载进度条--progress
	  	   
页面加载的进度条显示
	     		  
	  	   
软件测试简介
	  	   
Cookie 操作
	  	   
javascript内存溢出例子之一
	  	   
SSD, CMMI-DEV Engineering PAs
	  	   
hadoop的安装，主从设置及结合php的应用
	  	   
天易27----页面加载进度条
	  	   
ZOJ 2614 Bridge
	  	   
视频文件头解析--MP4-层结构解析
	  	   
Visual C++ MFC——MessageBox
	  	   
ASP.NET DEVELOPMENT SERVER 未能开始侦听端口xxxxx
	  	   
java文件读写编码方式设置
	  	   
MFC基于对话框程序
	  	   
多线程同步内功心法——PV操作上
	  	   
Play! Framework 学习笔记（一）：初识Play