Ajax实现不刷屏的前提下实现页面定…
来源:互联网 发布:人人聚财网络贷款 编辑:程序博客网 时间:2024/06/06 03:47
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.01Transitional//EN">
<html>
<head>
<basehref="<%=basePath%>">
<title>My JSP 'index.jsp' startingpage</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的数据
<divid="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.01Transitional//EN">
<html>
<head>
<basehref="<%=basePath%>">
<title>My JSP 'test.jsp' startingpage</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>
<%@ 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.01Transitional//EN">
<html>
<head>
<basehref="<%=basePath%>">
<title>My JSP 'index.jsp' startingpage</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的数据
<divid="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.01Transitional//EN">
<html>
<head>
<basehref="<%=basePath%>">
<title>My JSP 'test.jsp' startingpage</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>
- Ajax实现不刷屏的前提下实现页面定…
- Ajax实现不刷屏的前提下实现页面定时刷新
- Ajax实现不刷屏的前提下实现页面定时刷新
- jsp中Ajax实现不刷屏的前提下实现页面定时刷新的功能
- MVC5用AJAX实现一个下拉列表的值改变,另一个下拉列表的值跟着变(在不更新整个页面的前提下,且调用后台函数)
- ASP.NET+Ajax+Javascript实现页面定次刷新滚动内容
- Ajax 实现DataGrid邦定[转]
- Jquery+Ajax实现Select动态定数据
- ajax页面实现跳转
- IDEA实现热部署,在不重启服务器的前提下可以同时升级系统
- 利用ajax实现页面的局部刷新
- 实现类似于ajax的页面无刷新
- AJAX页面查询实现的注意点
- 利用ajax实现页面的无刷新
- 用Ajax实现页面的分页原理
- 在SSH框架下实现jsp页面的局部刷新(ajax)
- 如何在不使用第三方变量的前提下,交换两个变量的值 (Java实现)
- Ajax实现页面loading效果!
- 协议
- 协议2
- 面试经验题
- 让 Windows 在后台和前台程序之间平均分配处理器资源。
- 使用Java程序向百度空间发博客的尝…
- Ajax实现不刷屏的前提下实现页面定…
- 软件测试工程师要求
- 操作系统面试
- 图基本概念
- 二叉树
- Perl模式匹配
- 递归练习
- 设计模式程序参考
- 设计模式程序参考2