前端之家收集整理的这篇文章主要介绍了
Ajax实现不刷屏的前提下实现页面定…，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
@H_
404_0@
index.jsp <%@ page language="java" import="java.util.*" pageEncoding="Gb2312"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'index.jsp' starting page</title> <
Meta http-equiv="pragma" c> <
Meta http-equiv="cache-control" c> <
Meta http-equiv="expires" c> <
Meta http-equiv="keywords" c> <
Meta http-equiv="description" c> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> <script type="text/javascript"> <!-- //建立XMLHttpRequest对象 var xmlhttp; try{ xmlhttp= new ActiveXObject('Msxml2.XMLHTTP'); }catch(e){ try{ xmlhttp= new ActiveXObject('Microsoft.XMLHTTP'); }catch(e){ try{ xmlhttp= new XMLHttpRequest(); }catch(e){} } } function getPart(url){ xmlhttp.open("get",url,true); xmlhttp.onreadystatechange = function(){ if(xmlhttp.readyState == 4) { if(xmlhttp.status == 200) { if(xmlhttp.responseText!=""){ document.getElementByIdx("partdiv").innerHTML = unescape(xmlhttp.responseText); } } else{ document.getElementByIdx("partdiv").innerHTML = "数据加载出错"; } } } xmlhttp.setRequestHeader("If-Modified-Since","0"); xmlhttp.send(null); } setInterval("getPart('test.jsp')",1000) //--> </script> </head> <body> index 下面是test.jsp的数据 <div id="partdiv"></div><!--局部刷新数据的容器--> </body> </html> test.jsp <%@ page language="java" import="java.util.*" pageEncoding="GB2312"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'test.jsp' starting page</title> <
Meta http-equiv="pragma" c> <
Meta http-equiv="cache-control" c> <
Meta http-equiv="expires" c> <
Meta http-equiv="keywords" c> <
Meta http-equiv="description" c> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> </head> <body> 这里就是test
页面的
内容了，在这个
页面上你想做什么就做什么<br/> 这样就简单的实现了Ajax不刷屏的前提下实现
页面定时刷新的
功能 <br/> 希望大家以后多多
支持本论坛 </body> </html>
