使用AJAX技术实现网页无闪自动局部刷新
来源:互联网 发布:志鸿优化系列丛书语文 编辑:程序博客网 时间:2024/05/01 09:52
导读:
我们在网页制作的过程中经常会遇到及时刷新数据的问题,如果使用 的方法,会造成整个屏幕不断闪烁刷新的效果,这会降低用户的操作满意度。
所以我们需要一种可以实现无闪自动刷新数据的方法来解决以上问题。
实例解决问题:
希望实现用户在进入系统以后(整个session的时效之内),如果收到新邮件则发出声音提示。
实现思路:
1.首页部分:< body onload="init('<%=ses_userbean.getusername()%>');"> // load时调用init(user);
2.js部分:用XMLHTTP实现页面局部刷新,调用check_mail.jsp对后台数据库进行检索判断并返回结果。
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.divpareStatement("
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();
}
%> String user=request.getParameter("uName");
Connection conn=null;
try{
conn=DBConnection.getConnection();
PreparedStatement pStat=conn.divpareStatement("
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" >插入指定位置。
本文转自
http://tech.163.com/07/0822/10/3MGBA0S0000918BL.html
我们在网页制作的过程中经常会遇到及时刷新数据的问题,如果使用 的方法,会造成整个屏幕不断闪烁刷新的效果,这会降低用户的操作满意度。
所以我们需要一种可以实现无闪自动刷新数据的方法来解决以上问题。
实例解决问题:
希望实现用户在进入系统以后(整个session的时效之内),如果收到新邮件则发出声音提示。
实现思路:
1.首页部分:< body onload="init('<%=ses_userbean.getusername()%>');"> // load时调用init(user);
2.js部分:用XMLHTTP实现页面局部刷新,调用check_mail.jsp对后台数据库进行检索判断并返回结果。
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.divpareStatement("
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();
}
%> String user=request.getParameter("uName");
Connection conn=null;
try{
conn=DBConnection.getConnection();
PreparedStatement pStat=conn.divpareStatement("
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" >插入指定位置。
本文转自
http://tech.163.com/07/0822/10/3MGBA0S0000918BL.html
- 使用AJAX技术实现网页无闪自动局部刷新
- 使用AJAX技术实现网页无闪自动局部刷新
- 使用AJAX技术实现网页无闪自动局部刷新
- Ajax实现网页无闪自动局部刷新(邮件接收提示)
- 网页无闪自动局部刷新实例
- Ajax 实现局部刷新、无刷新
- 利用AJAX技术实现网页无刷新进度条显示
- 利用AJAX技术实现网页无刷新进度条显示
- 利用AJAX技术实现网页无刷新进度条显示
- 利用AJAX技术实现网页无刷新进度条显示
- 利用AJAX技术实现网页无刷新进度条显示
- 利用AJAX技术实现网页无刷新进度条显示
- 利用AJAX技术实现网页无刷新进度条显示
- 利用AJAX技术实现网页无刷新进度条显示
- 利用ajax技术实现网页无刷新进度条显示
- 利用AJAX技术实现网页无刷新进度条显示
- ajax局部无刷新
- ajax实现网页的局部刷新
- 马明哲回应股东质疑
- java 操作excel 续
- 在CSDN的第一天!
- Silverlight,你应该知道的10件事
- 细化解析web2.0与数据库之间的四点启示
- 使用AJAX技术实现网页无闪自动局部刷新
- 基础知识:网络专业术语的通俗形象解释
- 网页制作小技巧:dl dt dd标签用法
- 网页中用CSS样式表隐藏文字的挺新颖方法
- 网站SEO并非一定需要静态化
- 草根站长和80后网民对话:我们忽视了什么?
- [转载]OllyDbg知识专题
- 平安增发的内幕
- Photoshop简单打造流行的糖水MM照片