jsp中Ajax实现不刷屏的前提下实现页面定时刷新的功能
来源:互联网 发布:淘宝网店论坛 编辑:程序博客网 时间:2024/05/16 11:33
最近在网络上找了一些相关文章, Ajax实现不刷屏的前提下实现页面定时刷新的功能,结果发现网络上都是千篇一律的代码,而且都有错误的,没有办法了,只好自己写了,刚刚写好,共享一下下,代码如下
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.getElementById("partdiv").innerHTML = unescape(xmlhttp.responseText);
}
}
else{
document.getElementById("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>
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.getElementById("partdiv").innerHTML = unescape(xmlhttp.responseText);
}
}
else{
document.getElementById("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>
- jsp中Ajax实现不刷屏的前提下实现页面定时刷新的功能
- Ajax实现不刷屏的前提下实现页面定时刷新
- Ajax实现不刷屏的前提下实现页面定时刷新
- Ajax实现不刷屏的前提下实现页面定…
- jsp页面实现定时刷新的方式二
- 页面定时刷新功能实现
- 页面定时刷新功能实现
- 页面定时刷新功能实现
- ajax实现jsp页面的动态刷新时间
- 使用Ajax和JSP实现无刷新的登录页面
- 在SSH框架下实现jsp页面的局部刷新(ajax)
- Ajax定时刷新网页的简单实现
- jQuery实现AJAX定时局部页面刷新
- jQuery实现AJAX定时局部页面刷新
- jQuery实现AJAX定时局部页面刷新
- jQuery实现AJAX定时局部页面刷新
- jQuery实现AJAX定时局部页面刷新
- jQuery实现AJAX定时刷新局部页面
- 图形报表 webChart.dll 以及其它的图形报表控件
- 充分利用 Xerces-C++,第 1 部分
- Silverlight与Flash、ActiveX、Java Apple的区别
- English_tool
- 充分利用 Xerces-C++,第 2 部分 (from IBM)
- jsp中Ajax实现不刷屏的前提下实现页面定时刷新的功能
- 将jetty的控制台输出到文件
- 各种 lightbox 实现
- lightbox greybox thickbox 之我所见
- .NET环境下几种不同的邮件发送解决方案
- .NET 中Socket通信示例
- 在WindowsXP上创建多个IIS虚拟服务器
- 在Windows上修改hosts文件
- 让换针不再麻烦 针打维修经验谈