`
shishuo
  • 浏览: 4648 次
  • 来自: 长沙
文章分类
社区版块
存档分类
最新评论

AJAX留言本--简易版

    博客分类:
  • 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.onload=function(){initStyle();getList();upDateList()} //网页加载完成后加载初始化样式   
分享到:
评论

相关推荐

    Ajax简易留言本asp版v1.0

    Ajax简易留言本是一款小巧的留言本,很容易整合到现有的网站程序中,留言采用AJAX无刷新的载入方式,也很适合初学者学习! 点击留言框下方的管理,输入默认密码 admin888,即可切换到管理员界面。 系统设置请用...

    ASP实例开发源码—Ajax简易留言本 asp版.zip

    【ASP技术详解】 ASP(Active Server Pages)是微软推出的一种...通过分析这个ASP Ajax留言本实例,我们可以学习到如何在ASP中结合Ajax实现无刷新的交互功能,同时加深对ASP服务器端编程和客户端Ajax技术的理解。

    Ajax简易留言本 asp版 v1.0-ASP源码.zip

    ASP源码,压缩包解压密码:www.cqlsoft.com

    基于ASP的简易ajax判断输入控制显示隐藏带回复留言板 v1.0.zip

    【标题】中的“基于ASP...虽然没有具体的文件列表,但上述内容是基于一个典型的ASP Ajax留言板系统所涉及的知识点和组成部分的概述。实际项目中,这些元素会被具体实现并整合在一起,提供一个功能完善的用户交互体验。

    ASP.NET-[聊天留言]NChat简易聊天室(.Net3.5,LINQ,AJAX).zip

    在这个名为"NChat"的简易聊天室项目中,主要运用了.NET 3.5框架,LINQ(Language Integrated Query)语言集成查询,以及AJAX(Asynchronous JavaScript and XML)技术。 1. **.NET 3.5框架**:这是微软.NET ...

    [聊天留言]适合ajax初学者的简易聊天程序 v1.0_simplechat(ASP.NET源码).rar

    【标题】中的“[聊天留言]适合ajax初学者的简易聊天程序 v1.0_simplechat(ASP.NET源码).rar”表明这是一个基于Ajax技术的简单聊天程序,主要用于教学目的,适用于初学者学习Ajax和ASP.NET框架。这个程序的版本为...

    一个基于C#+Asp.net实现的简易留言板源码

    这个简易留言板源码是使用C#编程语言与Asp.NET框架构建的一个小型Web应用程序,它提供了用户交互的基本功能,让访客可以在网站上留下信息,查看他人的留言,并进行回复。接下来,我们将深入探讨其中涉及的关键知识点...

    简易留言板

    【简易留言板】是一个基于ASP.NET技术的Web应用项目,它利用了Visual Studio 2010作为开发环境,并且结合了AJAX技术来提供更流畅的用户体验。这个项目对于那些刚开始接触ASP.NET和AJAX技术的初学者来说,是一个极好...

    ASP.NET源码——[聊天留言]NChat简易聊天室(.Net 3.5,LINQ,AJAX).zip

    【ASP.NET源码——[聊天留言]NChat简易聊天室(.Net 3.5,LINQ,AJAX)】 这个项目是一个基于ASP.NET技术的简易聊天室应用,它结合了.NET框架3.5版本的强大功能,同时利用了LINQ(Language Integrated Query)和AJAX...

    Jquery实现留言板

    本篇文章将详细介绍如何使用jQuery来创建一个简易的留言板系统。 首先,我们需要了解基本的HTML结构,留言板通常包含以下几个部分:留言表单(用于用户提交留言)、留言列表(展示已有的留言)以及可能的分页和搜索...

    简易留言簿

    【简易留言簿】是一款基础的在线交互应用,它允许用户在网页上留下信息,实现简单的信息交流功能。这个项目对于初学者来说是一个很好的实践平台,能够帮助他们理解Web开发的基本概念,包括前端交互和后端处理。下面...

    简易留言板源代码下载

    4. AJAX (Asynchronous JavaScript and XML):虽然描述中没有明确提到,但为了实现无刷新的留言展示,可能会用到AJAX技术。通过`XMLHttpRequest`对象或者现代浏览器的`fetch` API,后台与服务器进行异步通信,获取新...

    留言本系统(ASP.NET 3.5实现)

    ASP.NET留言本系统是基于微软的ASP.NET 3.5框架构建的一款简易应用程序,它旨在提供一个简单且实用的在线沟通平台。这个系统的核心功能包括用户提交留言、管理员审核及回复,以及用户查看已发布的留言。ASP.NET 3.5...

    简易版本的博客系统(页面设计)

    在本项目中,我们旨在构建一个简易版本的博客系统,主要关注页面设计方面。这个系统包含四个关键页面:博客列表页、博客正文页、博客登录页以及博客编辑页。这四个页面构成了博客系统的基本功能,使得用户能够查看、...

    NChat简易聊天室(.Net 3.5,LINQ,AJAX)_nchart.zip

    【NChat简易聊天室】是一个基于`.Net 3.5`框架、利用`LINQ`查询语言和`AJAX`技术构建的实时交互应用。这个项目旨在为用户提供一个简单但功能齐全的在线聊天环境,通过集成这些技术,实现了高效的数据处理和页面无...

    简易ASP留言板

    这个“简易ASP留言板”是一个基础版本,具备删除、更新和留言的基本功能,适合初学者学习和理解ASP编程。 ASP是微软公司开发的一种服务器端脚本语言,用于动态网页制作。它允许开发者在HTML代码中嵌入VBScript或...

    简易的办公系统功能描述

    留言板模块利用Struts2框架结合jQuery实现了Ajax异步交互功能,提高了用户体验。 - **留言**:用户可以在留言板上发布自己的意见或建议。 - **查看**:浏览其他人的留言内容。 - **删除**:管理员可以删除不合适的...

Global site tag (gtag.js) - Google Analytics