網頁無閃自動局部刷新實例_JSP教程

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

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

我們在網頁制作的過程中經常會遇到及時刷新數據的問題，如果使用<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="&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.首頁結果顯示

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

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