使用AJAX技术实现网页无闪自动局部刷新_Ajax编程_黑客防线网安服务器维护基地--Powered by WWW.RONGSEN.COM.CN

使用AJAX技术实现网页无闪自动局部刷新

作者:黑客防线网安Ajax教程基地 来源:黑客防线网安Ajax教程基地 浏览次数:0

本篇关键词:自动局部刷新网页
黑客防线网安网讯:实例解决问题: 希望实现用户在进入系统以后(整个session的时效之内),如果收到新邮件则发出声音提示。 实现思路: 1.首页部分:< body onload="init('');"> // load时调用init(us...

实例解决问题:

希望实现用户在进入系统以后(整个session的时效之内),如果收到新邮件则发出声音提示

实现思路:

1.首页部分:< body onload="init('');"> // load时调用init(user);

2.js部分:用XMLHTTP实现页面局部刷新调用check_mail.jsp对后台数据库进行检索判断并返回结果

var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

var checkresult=null;

var username =null;

function init(user){

username=user;

window.setInterval('Checkmail()',5000);//每隔5秒自动调用Checkmail()

}

function Checkmail()

{

xmlhttp.open("POST", "check_mail.jsp?uName=" username, false);

xmlhttp.onreadystatechange = updatePage;

xmlhttp.send();

}

function updatePage() {

if (xmlhttp.readyState < 4) {

test1.innerHTML="loading...";

}

if (xmlhttp.readyState == 4) {

var response = xmlhttp.responseText;

if(response==1){//判断为假

test1.innerHTML=" ";

checkresult=1;

}

else{//判断为真

test1.innerHTML="

alt=新邮件 src=img/tp024.gif />

";

checkresult=0;

}

}

}

//

3.check_mail.jsp

4.首页结果显示

将< span id="test1" > < /span >插入指定位置。

    黑客防线网安服务器维护方案本篇连接:http://www.rongsen.com.cn/show-15809-1.html
网站维护教程更新时间:2012-04-05 00:07:32  【打印此页】  【关闭
我要申请本站N点 | 黑客防线官网 |  
专业服务器维护及网站维护手工安全搭建环境,网站安全加固服务。黑客防线网安服务器维护基地招商进行中!QQ:29769479

footer  footer  footer  footer