網(wǎng)頁無閃自動(dòng)局部刷新實(shí)例_JSP教程

教程Tag：暫無Tag,歡迎添加,賺取U幣!

推薦：實(shí)現(xiàn)將子頁的表單值返回到父頁的表單中
研究了一天終于寫好了，還是網(wǎng)絡(luò)資源豐富，總有高人指點(diǎn)�。海� 父頁：send_message.jsp script language=javascript type= //open win function g_OpenWindow(pageURL, innerWidth, innerHeight) { var ScreenWidth=screen.availWidth var ScreenHeight=sc

我們?cè)诰W(wǎng)頁制作的過程中經(jīng)常會(huì)遇到及時(shí)刷新數(shù)據(jù)的問題，如果使用<meta http-equiv=refresh content="300">的方法，會(huì)造成整個(gè)屏幕不斷閃爍刷新的效果，這會(huì)降低用戶的操作滿意度。所以我們需要一種可以實(shí)現(xiàn)無閃自動(dòng)刷新數(shù)據(jù)的方法來解決以上問題。

實(shí)例解決問題：

希望實(shí)現(xiàn)用戶在進(jìn)入系統(tǒng)以后（整個(gè)session的時(shí)效之內(nèi)）,如果收到新郵件則發(fā)出聲音提示。

實(shí)現(xiàn)思路：

1.首頁部分：<body onload="init('<%=ses_userBean.getUsername()%>');"> // load時(shí)調(diào)用init(user);

2.js部分：用XMLHTTP實(shí)現(xiàn)頁面局部刷新，調(diào)用check_mail.jsp對(duì)后臺(tái)數(shù)據(jù)庫進(jìn)行檢索判斷并返回結(jié)果。

<!-- 
var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
var checkresult=null; 
var username =null;  
 
function init(user){ 
username=user; 
window.setInterval('Checkmail()',5000);//每隔5秒自動(dòng)調(diào)用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="&nbsp;"; 
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.首頁結(jié)果顯示

將<span id="test1"></span>插入指定位置。

分享：JSP保存用戶上次登錄時(shí)間詳細(xì)代碼
代碼是以Access庫為例,日期對(duì)象使用的java.sql.Date()類型，因?yàn)閾?jù)測(cè)試java.util.Date類型是不能添加到DateTime類型的字段中的：作者：淘特網(wǎng) 出處：http://www.tot.name import java.sql.*; import java.text.*; /** * 代碼 */ public class MSAccessDB { p