不刷新页面提交表单,并显示进度条

最新推荐文章于 2021-06-07 12:15:51 发布

如果可以我愿争取

最新推荐文章于 2021-06-07 12:15:51 发布

阅读量2k

点赞数

分类专栏： Java Web

Java Web 专栏收录该内容

53 篇文章 0 订阅

订阅专栏

====index.jsp========

<%@ page pageEncoding="GBK" %>

<title></title>
<script>
var thread;
var isfirst = true;
function upload(){
      try{
          document.forms[0].submit();
      }catch(exception){
         alert(exception.name);
      }
      p.style.display = '';
      thread = window.setInterval("startmove()",100);
   var my = document.getElementByIdx("up");
   isfirst = false;
}
var w = 1;
var flag = 'right';

function startmove(){
       if(flag == 'right'){
       w += 2;
       if(w>95){
      w = 95;
         flag = 'left';
       }
    }else{
      w -= 1;
   if(w<1){
     flag = 'right';
     id1.width = '';
     return;
   }
    }
       id1.width = w + '%';
}

function stopmove(){
      window.clearInterval(thread);
   p.style.display = "none";
   if(!isfirst){
     getResult();
   }
   w = 1;

}

var req;
var url = 'http://localhost:8080/webtest/msg.jsp';
function getResult() {
    if (window.XMLHttpRequest) {
        req = new XMLHttpRequest();
    } else if (window.ActiveXObject) {
        req = new ActiveXObject("Microsoft.XMLHTTP");
    }
    req.open("GET", url, false);
    req.send(null);
    alert( req.responseText);
}

</script>
</head>

====== something.jsp======

<%@ page contentType="text/html; charset=GBK" %>
<%
    response.setHeader("Cache-Control", "no-cache");



    Thread.sleep(5000);//do something
    System.out.println(">>>>");
    session.setAttribute("msg","上传成功!");
%>

===== msg.jsp=====

<%@ page contentType="text/html; charset=GBK" %>
<%
String msg = (String)session.getAttribute("msg");

System.out.println("msg:"+msg);
if(msg == null)
out.write("");
else{
out.write(msg);
}
%>

如果可以我愿争取

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
不刷新页面提交表单,并显示进度条

http://blog.csdn.net/siriurs/article/details/5224330有时候，在提交或点击一个链接后，由于种种原因，可能会在原来的页面上停留一段时间，如果不知道的朋友还以为是打不开。现在可以用下面的方法，来给这些朋友一个提示，告诉他们系统正在处理数据~~~~~在后台处理数据时，前台页面同时计数显示Proess Bar 使用了layer来显示!
复制链接

扫一扫

专栏目录