ajax实时弹出右下角窗口,运用AJAX实现右下角弹出提示框 示例

JS文件内容

代码

1.//定义XMLHttp实例

2.var xmlHttp;

3.function createXMLHttpRequest(){

4.//开始初始化XMLHttpRequest对象

5.if(window.ActiveXObject){

6.//IE浏览器

7.xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

8.}else if(window.XMLHttpRequest){

9.//Mozilla浏览器

10.xmlHttp = new XMLHttpRequest();

11.}

12.if(xmlHttp){

13.//设置请求地址

14.xmlHttp.open("GET","message.do?cmd=get",true);

15.xmlHttp.onreadystatechange=setState;//设置回调函数

16.xmlHttp.send(null);

17.}

18.}

19.//回调函数

20.function setState(){

21.if(xmlHttp.readyState == 4){

22.if(xmlHttp.status == 200){

23.parseResults(xmlHttp.responseXML)

24.}

25.}

26.}

27./*处理XML*/

28.function parseResults(xmlDOM) {

29.try{

30.var root = xmlDOM.documentElement;

31.var info = root.getElementsByTagName('message');

32.var out  = "";

33.var message = null;

34.var current = null;

35.for(var i=0;i

36.message = info[i];

37.id    = message.getElementsByTagName("id")[0].firstChild.data;

38.title = message.getElementsByTagName("title")[0].firstChild.data;

39.outout=out+(i+1)+"."+"

40.+title

41.+"\n时间："

42.+title

43.+"'"+" href=# >"

44.+title

45.+"

";

46.}

47.popmsg("
"+out);

48.}catch(exception){

49.//     alert("出错了！");

50.}

51.}

52.

53./*右下角提示框*/

54.var oPopup = window.createPopup();

55.var popTop=50;

56.function popshow(){

57.oPopup.show(screen.width-250,screen.height-popTop,241,172);

58.}

59.function pophide(){

60.oPopup.hide();

61.}

62.function popmsg(msgstr){

63.

64.var winstr="

65.winstr+="

你有新短消息：

66.winstr+="

"+msgstr+"";

67.

68.oPopup.document.body.innerHTML = winstr;

69.popshow();

70.setInterval('window.focus()',0); //让IE重获取焦点

71.

72.}

73.

74./*提示间隔时间*/

75.var secs=5;//第一次提示时间秒

76.function checkServer(secs){

77.for(i=1;i<=secs;i++) {

78.window.setTimeout("update(" + i + ")", i * 1000);

79.}

80.}

81.function update(num) {

82.if(num == secs) {

83.createXMLHttpRequest();

84.secs=1*60;//提示时间秒

85.for(i=1;i<=secs;i++) {

86.window.setTimeout("update(" + i + ")", i * 1000);

87.}

88.}

89.else {

90.printnr = secs-num;

91.}

92.}

93.checkServer(secs);

请求的XML内容

代码

1.<?xml  version="1.0" encoding="UTF-8"?>

2.

3.

4.001

5.

通知你今天来开会

6.

7.

如果XML要动态生成则用下面代码

代码

1.

2.

3.response.setContentType("text/xml");

4.response.setHeader("Cache-Control", "no-cache");

5.List list = (List)request.getAttribute("messages");

6.

7.out.println("");

8.if(list!=null)

9.for(int i=0;i

10.Message objM = (Message)list.get(i);

11.out.println("");

12.out.println(""+objM.getId()+"");

13.out.println("

"+objM.getTitle()+"");

14.out.println("");

15.}

16.out.println("");

17.%>

HTML文件内容

代码

1.

2.

3.

4.

右下角弹出提示

5.

6.

7.

8.

9.

10.

11.

标签：

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至hey@evget.com