ajax局部刷新,定时更新

使用ajax局部更新一块区域的数据,每隔3秒更新一次

以下代码以运行成功,如果问题请与我联系。

index.jsp页面:

<script type="text/javascript">

var xmlHttp;
function createXMLHttpRequest() {
    if (window.ActiveXObject) {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }else if (window.XMLHttpRequest) {
        xmlHttp = new XMLHttpRequest();               
    }
}
function refreshDate(){
    createXMLHttpRequest();  
    xmlHttp.open("GET","ManageEventServlet?action=msgalarm",true);
    xmlHttp.onreadystatechange=dowork;
    //禁止ie缓存
    xmlHttp.setRequestHeader("If-Modified-Since","0");
    xmlHttp.send(null);
    //每3秒读取数据
    setTimeout("refreshDate()", 3000);
}
function dowork(){
    if(xmlHttp.readyState == 4){

        //获得servlet中传递过来的数据放到要现实的区域中

       var tag = document.getElementById("container");

       tag.innerHTML = "";

       tag.innerHTML = xmlHttp.responseText;

    }
}

</script>

<div id="container"><!--要更新的区域-->

<table>

<tr><td>user</td><td>pwd</td></tr>

</table>

</div>


ManageEventServlet.java中:

String action=request.getParameter("action");

if("msgalarm".equals(action)){

user=从数据库中取得的用户

String name=user.getName();

String pwd=user.getPwd();

PrintWriter out = response.getWriter();

out.print("<table>");

out.print("<tr>");

out.print("<td>"+name+"</td>");

out.print("<td>"+pwd+"</td>");

out.print("<tr>");

out.print("</table>");

}


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值