AJAX留言本--简易版

java 代码

1. function clearForm(){ //清空表单的函数   
2.  getObject("username").value="";   
3.  getObject("qq").value="";   
4.  getObject("email").value="";   
5.  getObject("content").value="";   
6. }   
7.   
8. function addNew(){ //更新留言，实质上是重新去服务器提取第一页的留言   
9.  if(/LastDate=([^;]+)/.test(document.cookie)){ //删除cookie中记录的时间，模拟第一次浏览，防止重复更新留言   
10.   var exp=new Date();   
11.   exp.setTime(exp.getTime()-1);   
12.   document.cookie="LastDate="+RegExp.$1+";expires="+exp.toGMTString();   
13.  }   
14.  getList(1);  //更新cookie后更新第一页的留言   
15. }   
16.   
17. function makBookStr(username,sex,qq,email,content,pubdate){ //创建一条留言的文本串   
18.  if((email=unescape(email))!="不告诉你"){   
19.   email='<a href="mailto:'+email+'" title="'+email+'">给我写信</a>';   
20.  }   
21.  var tempStr='<div >\   
22.    <div ><div >'+sex+'</div><strong>昵称：</strong>'+unescape(username)+'</div>\   
23.    <div ><strong>QQ：</strong>'+unescape(qq)+' <strong>E-mail：</strong>'+email+'  <strong>发表时间：</strong>'+pubdate+'</div>\   
24.    <div >\   
25.     <strong>留言内容：</strong>\   
26.     <p>'+unescape(content)+'</p>\   
27.    </div>\   
28.   </div>';   
29.  return tempStr;   
30. }   
31.   
32. function writeBookArr(Str){ //输出服务器返回的留言内容   
33.  if(Str!=0){   
34.   var bookList=eval("new Array("+Str+")");   
35.   var allStr="";   
36.   for(var i=0;i<bookList.length;i++){   
37.    allStr+=makBookStr(bookList[i].username,bookList[i].sex,bookList[i].qq,bookList[i].email,bookList[i].content,bookList[i].pubdate);    
38.   }   
39.  }else{ //返回0说明没有留言   
40.   allStr="<div tips\">暂时还没有留言！</div>"  
41.  }   
42.  getObject("bookList").innerHTML=allStr;   
43. }   
44.   
45. function getList(page){ //获取指定页的留言   
46.  getObject("bookList").innerHTML="<div tips\">留言加载中....请稍后!</div>"; //清除原来显示的内容   
47.  var xhr=XHR();   
48.  xhr.open("GET", "getRecord.asp?page="+page+"&r="+Math.random(), true);   
49.  xhr.onreadystatechange=function(){   
50.   if(xhr.readyState==4){   
51.    if(xhr.status==200){   
52.     writeBookArr(xhr.responseText);   
53.     getPage(); //更新分页信息   
54.    }else{   
55.     alert("获取留言失败！请刷新重试！");    
56.    }   
57.   }   
58.      
59.  }   
60.  xhr.send(null);   
61. }   
62.   
63. function upDateList(){  //如果有新留言，则更新留言   
64.  var xhr=XHR();   
65.  xhr.open("GET", "getRecord.asp?act=getUpdate&r="+Math.random(), true);   
66.  xhr.onreadystatechange=function(){   
67.   if(xhr.readyState==4){   
68.    if(xhr.status==200){   
69.     //如果存在LastDate（即不是第一次访问）并且时间与服务器最新留言时间不同则更新留言   
70.     if(/LastDate=([^;]+)/.test(document.cookie) && unescape(RegExp.$1)!=xhr.responseText){   
71.      getList();  //如果cookie和服务器返回的最新留言时间不同则更新留言   
72.     }   
73.     document.cookie="LastDate="+escape(xhr.responseText); //更新cookie中最新留言的时间   
74.    }   
75.   }   
76.      
77.  }   
78.  xhr.send(null);   
79.  setTimeout("upDateList()",15000); //每15秒更新一次留言   
80. }   
81.   
82. function getPage(){ //更新分页信息   
83.  getObject("pageList").innerHTML="<div loadPage\">分页信息加载中....请稍后!</div>"; //清除原来显示的内容   
84.  var xhr=XHR();   
85.  xhr.open("GET", "getRecord.asp?act=getPageInfo&r="+Math.random(), true);   
86.  xhr.onreadystatechange=function(){   
87.   if(xhr.readyState==4){   
88.    if(xhr.status==200){   
89.     //Result=记录数|每页记录数|页数|当前页   
90.     var Result=xhr.responseText.split("|");   
91.     var tempPageStr=new Array("<div>共有<span num\">"+Result[0]+"</span>条留言 每页<span num\">"+Result[1]+"</span>条留言 当前第<span num\">"+Result[3]+"/"+Result[2]+"</span>页 转向第<select page\" getList(this.value)\" style=\"width:50px;\">");   
92.     for(var i=1;i<=Result[2];i++){   
93.      if(i!=Result[3])   
94.       tempPageStr[i]="<option value=\""+i+"\">"+i+"</option>";   
95.      else  
96.       tempPageStr[i]="<option selected=\"selected\" value=\""+i+"\">"+i+"</option>";   
97.     }   
98.     tempPageStr[i]="</select>页</div>";   
99.     var ResultStr=tempPageStr.join('');   
100.     getObject("pageList").innerHTML=ResultStr;   
101.    }else{   
102.     alert("获取分页信息失败！请刷新重试！");    
103.    }   
104.   }   
105.      
106.  }   
107.  xhr.send(null);   
108. }   
109.   
110. function changeStyle(id){ //切换样式   
111.  var stylesheet=getObject("color").href="color/color"+id+".css";   
112.  document.cookie="stylesheet="+escape(stylesheet); //写入Cookie   
113. }   
114.   
115. function initStyle(){ //初始化样式，如果cookie存在样式，则加载cookie样式，否则加载默认样式   
116.   if(/stylesheet=([^;]+)/.test(document.cookie))   
117.    getObject("color").href=unescape(RegExp.$1);   
118. }   
119. window.οnlοad=function(){initStyle();getList();upDateList()} //网页加载完成后加载初始化样式