博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端结合服务器实现进度条(待验证)-11
阅读量:6801 次
发布时间:2019-06-26

本文共 3327 字,大约阅读时间需要 11 分钟。

hot3.png

我现在实现了进度条是在后台方法实现完

才执行进度条方法
action代码
获得当前笔数
public void getCurrentCount(){
HttpSession session = getRequest().getSession();
String jsone=session.getAttribute("currentCount").toString();
System.out.println("*********************************************");
System.out.println(jsone+"当前笔数");
try {
getResponse().getWriter().println(jsone);
} catch (Exception e) {
e.printStackTrace();
}
}

实现代码

public void cert() throws InterruptedException {
CollPayDetail collPayDetail = new CollPayDetail();
collPayDetail.setMerchantId(merchantId);//305310083980003
collPayDetail.setBatchNo(batchNo);
collPayDetailList = collDao.selectCollPayList(collPayDetail);
HashMap<String, String> hashMap = new HashMap<String, String>();
try {
hashMap.put("code", "1");
String jsonStr = JSONObject.fromObject( hashMap).toString();
getResponse().getWriter().write(jsonStr);
getResponse().getWriter().flush();
getResponse().flushBuffer();
} catch (IOException e1) {
e1.printStackTrace();
}
Thread.sleep(5000);

if (collPayDetailList != null && collPayDetailList.size()!=0) {

for (int i = 0; i < collPayDetailList.size(); i++) {
getRequest().getSession().setAttribute("currentCount", i + 1);
CollPayDetail collPayDetai = collPayDetailList.get(i);
collService.toCert(collPayDetai);
}
}

页面

function realNameAuthClick(batchNo,batchCount){
if (!confirm("确认认证吗?")) {
             window.event.returnValue = false;
             return false;
        }else{
       
         var url = "<s:url value="/web.coll!cert.ac" />"
        document.getElementById("speed").style.display="block";
        var options = { 
    "type": "get",
    "url": url,
    "dataType":"json",
    // "async":true,
    "cache":false,
     "data":{"batchNo":batchNo,"merchantId":${sessionScope.managerBean.merchantId}},
    "beforeSend": function(XMLHttpRequest){
         $("#spaceused1").fadeIn();
         },
         "success": function(data, textStatus){
if(typeof(data) == 'string'){
alert(data);
return;
}
if(data){
if(data.error){
alert(data.error);
return;
}else if (data.code){
if(data.code == 1){
$.blockUI({message:"认证中……请稍候"});
 $("#spaceused1").progressBar(0, { showText: true, barImage: '<s:url value="/js/jquery.progressbar/images/progressbg_red.gif"/>'} );
//setTimeout(getProgress,5);
//getProgress();
setInterval(getProgress(),1000);
}
}
}else{
alert("未知错误");
$.unblockUI();
}
},
"error":function (XMLHttpRequest, textStatus, errorThrown) {
if(textStatus){
alert("服务器异常:  " + textStatus);
$.unblockUI();
}
else if (errorThrown){
alert("服务器异常:  " + errorThrown);
$.unblockUI();
}
          },

"complete":function(XMLHttpRequest, textStatus){

}
   };
   jQuery.ajax(options);
}

function getProgress(operName){

if( !operName )
operName = "操作";
var url = "<s:url value="/web.coll!getCurrentCount.ac" />"
var options = { 
    "type": "get",
    "url": url,
    "async":true,
    "dataType":"json",
    "cache":false,
    // "data":{"batchNo":batchNo,id:id},
    "beforeSend": function(XMLHttpRequest){
},
"success": function(data, textStatus){
try{
   var p = data/batchCount * 100;
  $("#spaceused1").progressBar(p, {width:190, showText: true, barImage: '<s:url value="/js/jquery.progressbar/images/05043110_1.gif"/>'} );
if(data < batchCount)
   setTimeout(getProgress,5);
  else{
    setTimeout('alert("' + operName + '完成");$.unblockUI();window.location.href = window.location.href;',1000);
  }
}catch(err)
{
     alert("js出错啦");
}
},
"complete":function(XMLHttpRequest, textStatus){
}
   };
   jQuery.ajax(options);
}
更多 0

转载于:https://my.oschina.net/u/1035715/blog/223939

你可能感兴趣的文章
Elementary Methods in Number Theory Exercise 1.2.17
查看>>
认识拨号计划 - Dialplan
查看>>
DataTable 的数据导出到 Excel
查看>>
委托由浅入深学习
查看>>
BZOJ 1012 [JSOI2008]最大数maxnumber
查看>>
权限管理[Linux]
查看>>
unity3d优化总结篇(二)
查看>>
自定义view,实现文本自动换行
查看>>
查看网页自动保存的密码
查看>>
BZOJ2705:[SDOI2012]Longge的问题——题解
查看>>
AFNetworking
查看>>
python基础--内置函数map
查看>>
Protobuf3 序列化
查看>>
Chisel3 - model - UserModule commands
查看>>
下载新浪的行情数据
查看>>
六,移植uboot-设置默认环境变量,完善u-boot
查看>>
【题解】【区间】【二分查找】【Leetcode】Insert Interval & Merge Intervals
查看>>
新博客
查看>>
jquery $.proxy使用
查看>>
Hello,C++(7)函数模板和类模板
查看>>