ajax异步怎么实现这样的效果？？？

0 0

ajax异步怎么实现这样的效果？？？10

传统的 Web 应用程序都使用请求/响应模型从服务器上获得完整的 HTML 页面。常常是点击一个按钮，等待服务器响应，再点击另一个按钮，然后再等待，这样一个反复的过程。
最近刚刚分配一个查勤系统模块。

整个系统的大致流程这样：
管理员选择好值班人后可以通过发送按钮发送，让值班人看到，值班人即时响应，显示他此时在岗，如果值班人不响应说明不在岗。

自己的想法是：值班人表里建一个isduty字段（初始为0），用于判断是否在班，管理员通过选择部门的值班人，然后发送请求
发送的同时，把isduty字段改为1，值班人页面实现页面定时刷新，读取最新的isduty字段，发现是1后，调用弹出对话框值班人确认后把isduty改为2，同时管理员页面也定时刷新，读取为2的话表示值班人已经响应，同时弹出值班人在岗对话框，确认后把isduty改为默认的0.

这样导致页面要定时刷新，增加了负担，效率低下
据说ajax异步，使用异步发送请求到后台修改数据库可以解决
对ajax技术不是很懂，希望大家给点意见

JavaScript Ajax

2008年7月01日 19:58

acmilancn
20
0 0 0

5个答案按时间排序按投票排序

0 0

值班人页面实现页面定时刷新改为在页面上做个定时器,定时向服务器发送ajax请求,其他按照你所说的做.这样就不用定时刷新页面了.
一个例子:

window.onload=function myOnload(){
   setInterval('send()',100);
}
function send(){
  var url="你要访问的url?id=值班员id"
  var content=""
  http_request = false;
  if(window.XMLHttpRequest) { 
    http_request = new XMLHttpRequest();
    if (http_request.overrideMimeType) {
       http_request.overrideMimeType("text/xml");
    }
  }
  http_request.onreadystatechange = callback;
  http_request.open("post", url, true);
http_request.send(content);

2008年7月04日 16:42

sliver08
7
0 0 0

添加评论

0 0

hjgundam

引用

所有如果想获得xmlhttp返回值必须用同步，异步无法得到返回值。

jQuery的实现早就能做到这一点了,其他的实现也有很多.
不要误导人家呀!

2008年7月02日 16:12

achun
389
0 0 4

添加评论

0 0

所以一般而言你可能还是需要用ajax来定时轮询，我觉得如果这样你可以尽量减少访问数据库的次数，这些数据可以放在内存中。

当然，还有基于HTTP长连接的服务器推的技术。比如comet的开源实现pushlet，现在支持的服务器也越来越多了，没记错的话，tomcat6.0，jetty，GlassFish V2等很多都是有的。到底有没有必要采用这种技术，你可以研究研究。

这里有个简单的关于comet的介绍
http://www.ibm.com/developerworks/cn/websphere/techjournal/0711_col_burckart/0711_col_burckart.html

2008年7月02日 00:26

hjgundam
442
0 0 0

添加评论

0 0

首先要说的你说AJAX的异步可能不像你想象的那样

找个摘来的说明http://www.11zhuce.com/seo/Ajax-xmlhttp.html

var returnValue = null; 
xmlhttp = createXmlHttp(); 
xmlhttp.onreadystatechange = function() { 
    if(xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
        if (xmlhttp.responseText == "true") { 
            returnValue = "true"; 
        } 
        else { 
            returnValue = "false"; 
        } 
    } 
}; 
xmlhttp.open("Post",url,true); //异步传输 
xmlhttp.setRequestHeader("If-Modified-Since","0"); //不缓存Ajax
xmlhttp.send(sendStr); 
return returnValue;

    如果是同步(false)，返回值是true或false，因为执行完send后，开始执行onreadystatechange，程序会等到onreadystatechange都执行完，取得responseText后才会继续执行下一条语句，所以returnValue一定有值。
    如果是异步(true)，返回值一定是null，因为程序执行完send后不等xmlhttp的响应，而继续执行下一条语句，所以returnValue还没有来的及变化就已经返回null了。
    所有如果想获得xmlhttp返回值必须用同步，异步无法得到返回值。
    同步异步使用xmlhttp池时都要注意：取得xmlhttp时只能新建xmlhttp，不能从池中取出已用过的xmlhttp，因为被使用过的xmlhttp的readyState为4，所以同步异步都会send但不执行onreadystatechange。

2008年7月02日 00:12

hjgundam
442
0 0 0

添加评论

0 0

AJAX仍然是基于http协议的，除了感觉上有好一点外，和刷新页面对服务器的压力是没有太大区别的。
因此如果你的目的是考虑服务器负担和效率问题的话，就不要选基于http的方案，除非http服务器端是你高度制定的。
话说回来，你这个问题要细致讨论的。
1.有多少值班人？
2.你的服务器是主要跑这个业务的么？
如果仅仅几个或者几十个，服务器主要跑这个业务，而且（资源）空闲的很，那用什么技术都无所谓了，http仍然可以用（当然包括ajax技术，还有一种推技术，你查一下资料），是否长连接就无所谓了。
反之，长连接的技术恐怕就不能用了，就要向QQ那样用UDP的技术了。

一定要明白ajax就是背后的http.仅仅是在表现上有所区别，（异步这个说法还是不解释的好，越描越黑）。
ajax能完成你的需求，关键是资源允许不允许。

2008年7月01日 22:26

achun
389
0 0 4