利用ajax实现实施刷新

曲静波 — Mon, 16 Oct 2006 11:46:00 GMT

很多应用都有实施刷新的需求，用 html 或 javascript 的刷新方式都是全局刷新，客户能够明显感觉到闪动。介绍种 ajax 实现在实施刷新技术。

使用 xmlhttp.htm 实时刷新，访问 http://127.0.0.1:7001/xmlhttp.jsp 页面，由 xmlhttp.jsp 页面写入随机数。

< html >
< head >< title > test title >
< script language = " javascript " >
function detect()
{
    xml = new ActiveXObject( " Microsoft.XMLHTTP " );
    var post = " " ;
    xml.open( " POST " , " http://127.0.0.1:7001/xmlhttp.jsp " , false );
    xml.setrequestheader( " content-length " ,post.length);
    xml.setrequestheader( " content-type " , " application/x-www-form-urlencoded " );
    xml.send(post);
    var res = xml.responseText;
    list.innerText = res;
     // 设置自动刷新时间
    setTimeout( " detect() " , 1000 );
}
script >
< body onload = " detect() " >
test :
     < a id = " list " > a >
body >
html >

xmlhttp.jsp 利用随机数测试

<% @ page import = " java.util.Random " %>
<% @ page language = " java " contentType = " text/html;charset=gb2312 " %>
<%
Random random = new Random();
out.println(random.nextInt());
%>

曲静波 2006-10-16 19:46 发表评论

BlogJava-JAVA随笔-随笔分类-ajax

利用ajax实现实施刷新