ajax异步访问服务器

最新推荐文章于 2021-11-06 11:56:13 发布

txl690956710

最新推荐文章于 2021-11-06 11:56:13 发布

阅读量406

点赞数

分类专栏：学徒文章标签： JAVA Ajax

本文链接：https://blog.csdn.net/txl690956710/article/details/8892174

版权

学徒专栏收录该内容

18 篇文章 1 订阅

订阅专栏

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
   
    <title>显示进度</title>
    <script type="text/javascript">
    -
    function a() {
    	
    	var xhr = null;
		if(window.XMLHttpRequest)
			xhr = new XMLHttpRequest();
		if(window.ActiveXObject)
			xhr = new ActiveXObject("Microsoft.XMLHTTP");
		
		// 打开与某个资源的连接
		
		xhr.open("get","${pageContext.request.contextPath }/servlet/ProgressServlet?t="+new Date().getTime(), false);
		
		// 调用send 方法发送请求，post方式需要发送消息体，get方式则不用直接传入null值
		xhr.send(null);
		
		// 访问 responseText 属性获得 Servlet 回送的数据
		var data = xhr.responseText;
		
		//可以向这个id的位置写入HTML代码
		window.parent.document.getElementById("info").innerHTML = data;
    }
    
    window.onload = function() {
    	window.parent.document.getElementById("mysubmit").onclick = function() {
    		
    		//即浏览器第隔1称秒都会执行一次a函数。
    		window.setInterval(a, 1000);
    	}
    }
    </script>
  </head>
  
  <body>
    <div id="info">准备上传</div><br>
  </body>
</html>

在另一个网页中添加这样的代码就可以实现文档中的文档，或者浮动的框架,来加载上面的网页,从而隐藏起来运行,

 <iframe name="top" src="${pageContext.request.contextPath }/progress.jsp" style="display:none;"></iframe>

添加服务器端的进度监听

ServletFileUpload fileUpload = new ServletFileUpload(
					new DiskFileItemFactory());
			
			// 添加进度条监听
			fileUpload.setProgressListener(new ProgressListener() {
				
				private long temp = -1;
				
				// 上传过程中   不断地触发该方法
				public void update(long pBytesRead, long pContentLength, int pItems) {
					// 获得上传的百分比  100  4   
					long percent = pBytesRead*100/pContentLength;
					
					if(percent==temp)
						return ;
					//System.out.println("已上传:" + percent + "%");
					
					request.getSession().setAttribute("percent", percent);
					
					temp = percent;
				}
			});

txl690956710

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax异步访问服务器

显示进度 - function a() { var xhr = null; if(window.XMLHttpRequest) xhr = new XMLHttpRequest(); if(window.ActiveXObject) xhr = new ActiveXObject("Microsoft.XMLHTTP");
复制链接

扫一扫