ajax+jsp局部页面刷新.docx

ajax+jsp提取数据库记录并实现自动刷新页面关键字: ajax+jsp提取数据库记录并实现自动刷新页面 在web网站开发中，网页自动刷新的需求及功能已经屡见不鲜了，传统的用整体页面的刷新效果的实现对于网络速度受限的情况下显得就好些得不偿失了！ 这里将介绍一种使用Ajax技术实现网页的局部刷新的功能，只更新局部数据，而非页面全部，详细的源代码请如下所示吧: 其中，本人使用mysql数据库，news表的表结构为： size=large描述 名称 是否为空 是否主键 新闻编号 newsId Not Null P 新闻内容 newsName Not Null 备注 BZ Null size 首先：新建index.jsp如下： 用户登录页面 var xmlHttp; var id; function trim(str) var t = str.replace(/(/s*)|(/s*$)/g, ); / 用正则表达式将前后空格 return t.replace(/(*)|(*$)/g, ); / 用空字符串替代。 function createXMLHttpRequest() if(window.ActiveXObject) xmlHttp=new ActiveXObject(Microsoft.XMLHTTP); else if(window.XMLHttpRequest) xmlHttp=new XMLHttpRequest(); function validate() createXMLHttpRequest(); var url=Del1.jsp; xmlHttp.open(GET,url,true); xmlHttp.onreadystatechange=callback; xmlHttp.send(null); function callback() if(xmlHttp.readyState=4) show(); setTimeout(validate(),3600); function show() var xmlDoc=xmlHttp.responseXML; var yan=xmlDoc.getElementsByTagName(content); var ta=; for(var i=0;iyan.length;i+) var y=yani; var name=y.childNodes0.firstChild.data; ta+=  +name+; document.getElementById(res).innerHTML=ta; function startmarquee(lh,speed,delay) validate(); var p=false; var t; var o=document.getElementById(res); o.innerHTML+=o.innerHTML; o.style.marginTop=0; o.onmouseover=function()p=true; o.onmouseout=function()p=false; function start() t=setInterval(scrolling,speed); if(!p) o.style.marginTop=parseInt(o.style.marginTop)-1+px; function scrolling() if(parseInt(o.style.marginTop)%lh!=0) o.style.marginTop=parseInt(o.style.marginTop)-1+px; if(Math.abs(parseInt(o.style.marginTop)=o.scrollHeight/2) o.style.marginTop=0; else clearInterval(t); setTimeout(start,delay); setTimeout(start,delay);            $loginmessage            用户名： 密码：             然后，新建Conn.jsp，用于每个页面调用： 其次，新建Del1.jsp如下： % try ResultSet rs=getRs(select * from news order by newsId desc); StringBuffer content=new StringBuffer(); response.setContentType(text/xml); response.setHeader(Cache-Control,no-cache); content.append(); content.append(); while(rs.next() String newsName=rs.getString(newsName); content.append(); content.append(+ newsName +); content.append(); content.append(); out.print(content); catch(Exception e) e.printStackTrace(); % 最后在web.xml配置文件