ajax+servlet实现自动刷新.docx

1.实现思路在ajax回调函数中用方法setTimeout(load(), 1000)，这样就会每隔1秒自动去请求新的信息，实现自动刷新的功能。2.实例(1)index.jsp%@ page language=java import=java.util.* pageEncoding=utf-8%%String path = request.getContextPath();%!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//ENhtmlheadtitleajax+servlet实现自动刷新页面/title mce:script type=text/javascript!--function $(id){returndocument.getElementById(id); }varxmlHttp; //根据浏览器创建xmlHttpRequest对象functiongetXmlHttpRequest() { //针对FireFox,Mozillar,Opera,Safari,IE7,IE8if(window.XMLHttpRequest) 　　return new XMLHttpRequest(); //针对IE5，IE5.5，IE6else if (window.ActiveXObject){ //两个可以用于创建XMLHTTPRequest对象的控件名称,保存在一个JS数组中。varactivexName = [MSXML2.XMLHTTP,Microsoft.XMLHTTP];for(vari = 0; iactivexName.length; i++){ //取出一个控件名进行创建，如果成功就终止循环try{return new ActiveXObject(activexName[i]);break;}catch(e){return null; } } } }function load(){xmlHttp=getXmlHttpRequest();varurl=servlet/GetMp3Info; // 注册回调函数,只写函数名，不能写括号，写括号表示调用函数xmlHttp.onreadystatechange = getResult; // 确定发送请求的方式和URL以及是否同步执行下段代码xmlHttp.open(GET, url, true); //发送数据，开始和服务器进行交互xmlHttp.send(null); } //回调函数functiongetResult(){ if (xmlHttp.readyState == 4) { // 判断对象状态　　 if (xmlHttp.status == 200) { // 信息已经成功返回，开始处理信息var text=xmlHttp.responseXML;var name=text.getElementsByTagName(name)[0].firstChild.nodeValue;var number=text.getElementsByTagName(number)[0].firstChild.nodeValue; $(name).innerHTML=name; $(number).innerHTML=number;setTimeout(load(), 1000);　　 } else { 　　 alert(请求的出错啦!);　　 }　　} }// --/mce:script/headbody onload=load()formtabletheadtrthcolspan=2/th/tr/theadtbodytrtd名称/tdtd id=name/td/trtr td数量/td td id=number/td/tr/tbody/table/form/body/html(2)GetMp3Info.java(servlet)importjava.io.IOException;importjava.io.PrintWriter;importjava.util.Random;importjavax.servlet.ServletException;importjavax.servlet.http.HttpServlet;importjavax.servlet.http.HttpServletRequest;importjav