jsp刷新页面如何不闪屏
5个回答
展开全部
局部刷新需要ajax。。或者使用两个jsp界面a.jsp提供用户视图。b.jsp用于后台刷新数据,用JS代码进行监听。这样用户就不需要刷新就能进行拒不更新数据了
还有就是刷新肯定是会闪屏的。所谓的不闪屏其实就是应用ajax或者js代码进行局部数据更新。。
我们在网页制作的过程中经常会遇到及时刷新数据的问题，如果使用<meta http-equiv=refresh content="300">的方法，会造成整个屏幕不断闪烁刷新的效果，这会降低用户的操作满意度。所以我们需要一种可以实现无闪自动刷新数据的方法来解决以上问题。
实例解决问题：
希望实现用户在进入系统以后（整个session的时效之内）,如果收到新邮件则发出声音提示。
实现思路：
1.首页部分：<body onload="init('<%=ses_userBean.getUsername()%>');"> // load时调用init(user);
2.js部分：用XMLHTTP实现页面局部刷新，调用check_mail.jsp对后台数据库进行检索判断并返回结果。
<!--
var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
var checkresult=null;
var username =null;
function init(user){
username=user;
window.setInterval('Checkmail()',5000);//每隔5秒自动调用Checkmail()
}
function Checkmail()
{
xmlhttp.open("POST", "check_mail.jsp?uName="+username, false);
xmlhttp.onreadystatechange = updatePage;
xmlhttp.send();
}
function updatePage() {
if (xmlhttp.readyState < 4) {
test1.innerHTML="loading...";
}
if (xmlhttp.readyState == 4) {
var response = xmlhttp.responseText;
if(response==1){//判断为假
test1.innerHTML=" ";
checkresult=1;
}
else{//判断为真
test1.innerHTML="<img alt='新邮件' src='img/tp024.gif'><EMBED src='music/nudge.wma' hidden=true autostart=true loop=false>";
checkresult=0;
}
}
}
// -->
3.check_mail.jsp
<%@ page contentType="text/html; charset=GBK" %>
<%@ page errorPage="error/login_error.jsp"%>
<%@ page import="myweb.*" %>
<%@ page import="java.sql.*" %>
<%
String user=request.getParameter("uName");
Connection conn=null;
try{
conn=DBConnection.getConnection();
PreparedStatement pStat=conn.prepareStatement("select * from message where r_name='"+user+"' and status=0");
ResultSet rs=pStat.executeQuery();
if(rs.next()){//有记录
response.getWriter().print(0);
}else{
response.getWriter().print(1);
}
}finally{
if(conn!=null) conn.close();
}
%>
4.首页结果显示
将<span id="test1"></span>插入指定位置。
还有就是刷新肯定是会闪屏的。所谓的不闪屏其实就是应用ajax或者js代码进行局部数据更新。。
我们在网页制作的过程中经常会遇到及时刷新数据的问题，如果使用<meta http-equiv=refresh content="300">的方法，会造成整个屏幕不断闪烁刷新的效果，这会降低用户的操作满意度。所以我们需要一种可以实现无闪自动刷新数据的方法来解决以上问题。
实例解决问题：
希望实现用户在进入系统以后（整个session的时效之内）,如果收到新邮件则发出声音提示。
实现思路：
1.首页部分：<body onload="init('<%=ses_userBean.getUsername()%>');"> // load时调用init(user);
2.js部分：用XMLHTTP实现页面局部刷新，调用check_mail.jsp对后台数据库进行检索判断并返回结果。
<!--
var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
var checkresult=null;
var username =null;
function init(user){
username=user;
window.setInterval('Checkmail()',5000);//每隔5秒自动调用Checkmail()
}
function Checkmail()
{
xmlhttp.open("POST", "check_mail.jsp?uName="+username, false);
xmlhttp.onreadystatechange = updatePage;
xmlhttp.send();
}
function updatePage() {
if (xmlhttp.readyState < 4) {
test1.innerHTML="loading...";
}
if (xmlhttp.readyState == 4) {
var response = xmlhttp.responseText;
if(response==1){//判断为假
test1.innerHTML=" ";
checkresult=1;
}
else{//判断为真
test1.innerHTML="<img alt='新邮件' src='img/tp024.gif'><EMBED src='music/nudge.wma' hidden=true autostart=true loop=false>";
checkresult=0;
}
}
}
// -->
3.check_mail.jsp
<%@ page contentType="text/html; charset=GBK" %>
<%@ page errorPage="error/login_error.jsp"%>
<%@ page import="myweb.*" %>
<%@ page import="java.sql.*" %>
<%
String user=request.getParameter("uName");
Connection conn=null;
try{
conn=DBConnection.getConnection();
PreparedStatement pStat=conn.prepareStatement("select * from message where r_name='"+user+"' and status=0");
ResultSet rs=pStat.executeQuery();
if(rs.next()){//有记录
response.getWriter().print(0);
}else{
response.getWriter().print(1);
}
}finally{
if(conn!=null) conn.close();
}
%>
4.首页结果显示
将<span id="test1"></span>插入指定位置。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
jsp本身做不到，需要结合ajax，两者之间传递数据使用json对象即可
追问
能详细一点吗，我写了两个页面。listAllUser_do.jsp,listAllUser.jsp,经listAllUser_do,jsp处理后，从数据库取出数据后再跳转到listAllUser.jsp显示
追答
页面如果跳转了那肯定有闪屏
做个前段展示页面，数据用ajax方式处理
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
