首页
论坛
门户
空间
手机版
IXPUB
插件
收藏
设置
注册
登录
商店
搜索
培训
Wiki
Blog
归档
丛书
退出
ITPUB论坛
»
WEB 2.0技术
» 关于使用ajax 自动刷新的一点疑问?
‹‹ 上一主题
|
下一主题 ››
投票
交易
悬赏
活动
评价
|
打印
|
推荐
|
订阅
|
收藏
标题:
[笔记]
关于使用ajax 自动刷新的一点疑问?
demo_3312
一般会员
精华贴数 0
个人空间
0
技术积分 308 (6668)
社区积分 0 (1597406)
注册日期 2007-10-12
论坛徽章:1
#1
使用道具
发表于 2007-12-19 15:04
关于使用ajax 自动刷新的一点疑问?
jsp:
<html:html lang="true">
<head>
<html:base />
<title> Ajax.jsp </title>
<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest() {
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
}
function startRequest() {
createXMLHttpRequest();
var url = " <%=request.getContextPath()%> /ajax.do?method=showTable";
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("POST", url, true);
xmlHttp.send(null);
}
function handleStateChange() {
if(xmlHttp.readyState == 4) {
if(xmlHttp.status == 200) {
showTable();
setInterval("startRequest();",2000);
}
}
}
function showTable(){
var xmlDoc=xmlHttp.responseXML;
var students=xmlDoc.getElementsByTagName("student");
var result=" <table border=1> <tr> <th> ID </th> <th> USERNAME </th> <th> PASSWORD </th> </tr > ";
for(var i=0;i <students.length;i++){
result +=" <tr> ";
var student=students
;
result
+=" <td> "+student.getElementsByTagName("id")[0].firstChild.nodeValue+" </td> ";
result
+=" <td> "+student.getElementsByTagName("username")[0].firstChild.nodeValue+" </td> ";
result
+=" <td> "+student.getElementsByTagName("password")[0].firstChild.nodeValue+" </td> ";
result +=" </tr> ";
}
result +=" </table> ";
document.getElementById('result').innerHTML=result; }
</script>
</head>
<body>
<html:form action="employee" method="post" focus="login">
<input type="button" value="Click" onClick="startRequest();" />
<div id="result"> </div>
</html:form>
</body>
</html:html>
ajax.do:
private static final Logger log=Logger.getLogger(AjaxAction.class);
public ActionForward showTable(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response) {
try{
System.out.println("end");
UserInfoBO bo=new UserInfoBO();
List list=bo.init();
response.setContentType("text/xml");
PrintWriter out=response.getWriter();
out.print(parasToXml(list));
}catch(Exception e){
log.error("显示表格错误"+e);
}
return null;
}
public String parasToXml(List list){
StringBuffer sb=new StringBuffer();
sb.append(" <?xml version=\"1.0\" encoding=\"GBK\" ?> ");
sb.append(" <sutdents> ");
for(int i=0;i <list.size();i++){
UserInfo info=(UserInfo)list.get(i);
sb.append(" <student> ");
sb.append(" <id> "+info.getId()+" </id> ");
sb.append(" <username> "+info.getUsername()+" </username> ");
sb.append(" <password> "+info.getPassword()+" </password> ");
sb.append(" </student> ");
}
sb.append(" </sutdents> ");
return sb.toString();
}
在showTable方法里面有一行System.out.println("end");
运行的时候在控制台上输出end的次数依次为1,1,2,4,6,10。。。
这里我就不是很明白,应该每次输出end的次数为2次,
第一次执行showTable时输出,第二次是执行 setInterval("startRequest();",2000);输出的
大概运行了20分站把,也没有报错,控制台也没有输出"end",相当与挺了
请问为什么会这样?
只看该作者
iooyoo
迷眼流金
精华贴数 0
个人空间
20
技术积分 4437 (328)
社区积分 3676 (397)
注册日期 2006-6-15
论坛徽章:27
#2
使用道具
发表于 2007-12-20 16:10
有调试的记录吗?后台的进入是否正确?再次刷新时有没有对上次操作(未完成的)做处理?
“运行的时候在控制台上输出end的次数依次为1,1,2,4,6,10。。。
这里我就不是很明白,应该每次输出end的次数为2次, ” 是什么意思?
__________________
使君欲醉离亭酒
酒醒离愁转有
紫禁多时虚右
苕霄留难久
一声歌掩双罗袖
日落乱山春后
犹有东城烟柳
青荫长依旧
只看该作者
demo_3312
一般会员
精华贴数 0
个人空间
0
技术积分 308 (6668)
社区积分 0 (1597406)
注册日期 2007-10-12
论坛徽章:1
#3
使用道具
发表于 2007-12-21 09:12
调试的记录: 没有
后台的进入是否正确: 正确,不然的话是不会输出"end"
再次刷新时有没有对上次操作(未完成的)做处理: 没有
我认为它应该在控制台输出是2次“end”的原因是
if(xmlHttp.status == 200) {
showTable();
setInterval("startRequest();",2000);
}
执行到showTable的时候,它会到url里面执行也就会输出"end"
然后执行setInterval("startRequest();",2000);这个时候它就应该又执行一次showTable,
就会在次输出"end",那么就应该是每次输出2个"end"
但是实际上,在执行showTable的时候,在控制台上就输出了一次end,
然后setInterval("startRequest();",2000);它并不会马上去执行startRequest()方法,而是2秒后在去
去执行,所以每次会输出一次"end",当然是在把setInterval改成setTimeout后,才可以实现的
只看该作者
iooyoo
迷眼流金
精华贴数 0
个人空间
20
技术积分 4437 (328)
社区积分 3676 (397)
注册日期 2006-6-15
论坛徽章:27
#4
使用道具
发表于 2007-12-21 11:00
然后执行setInterval("startRequest();",2000);这个时候它就应该又执行一次showTable
<script>
setInterval("alert('aa');",2000);
</script>
试试,看看效果
setInterval是每隔一段事件执行一次语句,你这里第一次ajax返回后每隔2秒刷一次,每次刷新前台后再加一个setInterval 越来越多,越来越多……
这样对服务器的压力是很大的
你这种登录后定时刷新的最好把完成的过程理清楚先
进入页面,用户提交登录请求,局部刷新登录信息,开始定时刷新,页面退出时清空interval
判断interval是否异启动,判断刷新是否以完成,这些过程理顺先
__________________
使君欲醉离亭酒
酒醒离愁转有
紫禁多时虚右
苕霄留难久
一声歌掩双罗袖
日落乱山春后
犹有东城烟柳
青荫长依旧
只看该作者
demo_3312
一般会员
精华贴数 0
个人空间
0
技术积分 308 (6668)
社区积分 0 (1597406)
注册日期 2007-10-12
论坛徽章:1
#5
使用道具
发表于 2007-12-21 16:00
setInterval是每隔一段事件执行一次语句,你这里第一次ajax返回后每隔2秒刷一次,每次刷新前台后再加一个setInterval 越来越多,越来越多……
setInterval("startRequest();",2000);可不可以这样理解:
每2秒刷新一次,那么10秒钟就刷新了5次startRequest()方法,要是这样的话,就应该没什么问题
但是你说,每次刷新前台后再加一个setInterval,这是什么意思?有点不明白,难道是循环执行?
只看该作者
iooyoo
迷眼流金
精华贴数 0
个人空间
20
技术积分 4437 (328)
社区积分 3676 (397)
注册日期 2006-6-15
论坛徽章:27
#6
使用道具
发表于 2007-12-21 16:07
……
1 setInterva中要执行的语句是先等待、再执行,而不是执行语句
while(true) {
wait(timesegment);
excute()
}
而不是
while(true) {
excute();
wait(timesegment);
}
这个自己试一下应该能看出来
2 你自己看不出来吗?你每次startRequest后都会回调handleStateChange,每次handleStateChange都注册了一个setInterval,也就是说,你本来想每2秒调一次startRequest,现在是每2秒调一次setInterval??
__________________
使君欲醉离亭酒
酒醒离愁转有
紫禁多时虚右
苕霄留难久
一声歌掩双罗袖
日落乱山春后
犹有东城烟柳
青荫长依旧
只看该作者
demo_3312
一般会员
精华贴数 0
个人空间
0
技术积分 308 (6668)
社区积分 0 (1597406)
注册日期 2007-10-12
论坛徽章:1
#7
使用道具
发表于 2007-12-24 08:48
原来是这样啊,谢谢你啦!
只看该作者
投票
交易
悬赏
活动
相关内容
ITPUB论坛
≡ 数据库技术 ≡
> Oracle数据库管理
> Oracle高可用
> Oracle开发
> Oracle Developer Suite
> Oracle入门与认证
> Oracle专题深入讨论
> Oracle新技术/11g
> Oracle电子文档
> Oracle Fusion中间件
> IBM信息管理
> MS SQL Server
> Sybase管理与开发
> MySQL及其它开源数据库
> 内存数据库
> 数据仓库与数据挖掘
> 移动及嵌入式数据库
≡ 企业信息化 ≡
> ERP产品与实践
> CRM产品与实践
> HR产品与实践
> 物流
> 供应链
> 供应链建模与仿真
> 物流设备与系统工程
> 企业管理咨询
> 管理协同与办公自动化
> IT服务管理
> 数据中心建设
> ERP二次开发
> Oracle ERP
> Oracle EBS R12
> PeopleSoft与JDE
> EBS相关文档
> SAP R/3
> SAP Business One开发与快速实施
> SAP财务及CRM
> SAP后勤及HR
> mySAP ERP
> 系统开发及跨应用设置
> SAP相关文档
> 国外其它ERP产品
> 国内ERP产品
≡ 开发技术 ≡
> Java入门与认证版
> Java web开发及框架技术
> Java企业开发
> ASP.NET【已迁移到微软开发技术论坛】
> .Net企业开发与应用【已迁移到微软开发技术论坛】
> WEB程序开发
> WEB 2.0技术
> 动态语言
> 移动与游戏开发
≡ 系统设计与项目管理 ≡
> 系统分析与UML
> 系统分析与UML精华区
> 项目管理
> 项目过程
> 软件测试
> 算法讨论与研究
≡ IBM软件技术园地 ≡
> IBM信息管理
> Lotus
> Tivoli
> Websphere
> Rational
> 与SOA相关的IBM产品与技术
> IBM软件技术精英协会
> 软件技术精英活动专版
≡ 操作系统与硬件 ≡
> AIX及IBM产品【已迁移到IXPUB】
> HP-UX及HP产品【已迁移到IXPUB】
> Solaris及SUN产品【已迁移到IXPUB】
> Linux及其应用 【已迁移到IXPUB】
> 其它UNIX系统【已迁移到IXPUB】
> windows系统及微软相关产品 【已迁移到IXPUB】
> 存储设备与容灾技术 【已迁移到IXPUB】
> 服务器 【已迁移到IXPUB】
≡ 行业纵向讨论区 ≡
> IT业界评论与展望
> 政府与教育事业
> 中国政府信息主管联盟
> 电信行业
> 金融行业
> 医卫行业
> 制造行业
> 电力行业
> 信息安全与审计
≡ 会员交流 ≡
> IT职业生涯
> 招聘求职商务信息
> 体育世界
> 体育博彩专版
> 旅游,驴友
> 汽车世界
> 外语角
> 数码摄影
> 你的故事我的歌
> 音乐推荐区
> 电子图书与IT文档资料
> 软件交流
> 软件交流精华区
≡ ITPUB产品与服务 ≡
> ITPUB地面活动专版
> BLOG天地
> WIKI世界
> 授权用户区
> 站务管理
≡ 微软开发技术 ≡
> 开发工具和语言
> .NET Framework 相关
> Visual Basic/VB.net
> Visual C#
> Visual C++/vc.net
> Visual Studio
> .NET软件架构与模式
> .NET开发辅助工具及框架
> Web开发
> ASP.NET与AJAX
> Web相关技术讨论(IIS等)
> Silverlight 技术
> 微软企业级产品技术
> SQL Server
> windows server
> SharePoint
> Exchange Server
> Biztalk
> 嵌入式及移动开发
> Windows Embedded 嵌入式技术
> Windows 移动设备
> Office开发
> Microsoft office system
> Office Business Application
> 微软产品用户交流区
> .Net电子书籍&&书籍介绍
> .Net人才交流
技术积分榜
社区积分榜
徽章
电子杂志
团队
统计
邮箱
游乐场
帮助
TOP
CopyRight 1999-2006 itpub.net All Right Reserved.
北京皓辰网域网络信息技术有限公司. 版权所有
E-mail:Webmaster@itpub.net
京ICP证:060528号
联系我们
法律顾问
控制面板首页
编辑个人资料
积分交易
公众用户组
好友列表
升级个人空间
基本概况
论坛排行
主题排行
发帖排行
积分排行
在线时间
管理团队
管理统计