ajax异步访问服务器

<%@ 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;
				}
			});

原文链接：https://www.f2er.com/ajax/166434.html

ajax异步访问服务器

猜你在找的Ajax相关文章