注册本站  论坛  繁體中文

电脑技巧
手机 | MP3 | MP4 | 显卡 | 主板 | 显示器 | 光存储 | 笔记本 | 网络设备 | 移动存储 | 数码相机
键鼠 | CPU | 音箱 | GPS | 电视 | 服务器 | 投影机 | 机箱电源 | 品牌电脑 | 办公打印 |
| 网站首页 | Cisco | Windows | Linux | Java | Dotnet | Oracle | 网页设计 | 平面设计 | 安全 | 软件应用 | 电脑维修 | 办公维修 |
您现在的位置: 电脑技巧 >> Dotnet >> ASP编程 >> Dotnet正文

ASP实例:ASP+AJAX制作无刷新新闻评论系统

文章来源:网页教学网 作者:佚名 更新时间:2008-2-13 20:16:38 【 】 【加入收藏

  假设有一个页面index.asp,上半部分为评论列表显示区域,下面为评论提交区域。那么这样一个页面我们如何显示评论内容和提交评论呢?
  传统:上半部分评论列表直接通过数据库查询语句读取并显示,每当提交新的评论时,先传递给处理页面,处理页面处理完毕后再返回index.asp这个页面,当然index.asp是重新加载获得新的评论。
  Ajax::首先列表页面的内容是一个单独的xml文件(pl_list.asp),然后index..asp中的上半部分评论通过XmlHttpRequest请求pl_list.asp页面,并通过返回的结果传递到需要更新区域。提交评论同样如此,每次提交采用XmlHttpRequest请求提交处理程序,然后重新更新评论列表显示区域。
  此新闻评论系统共分为五个部分,分别为数据库、前台页面、JS代码、服务器处理、CSS样式。
  数据库的设计
  PL表:
  字段名 类型 长度
  id 自动编号
  user 文本 20
  dateandtime 日期/时间
  content 备注
  newid 数字

  前台页面:(index.htm)
  前台页面共包括两部分,上半部分为页面评论列表显示,下半部分为提交评论。由于我们这里只是模拟一个新闻评论系统,并没有真正的新闻页面,那么在传递新闻ID的时候我们采用了一个默认值<input name="newsid" value="1" type="hidden"/>。
  代码:index.htm



  JS代码页(核心部分) main.js
  JS代码算是本系统的一个核心部分了,Ajax的体现基本全包含在这短短数十行的代码中,是连结前台与后台处理的一个桥梁,可谓是重中之重,为了更好的让大家理解整个功能,我们将分段介绍。
  1、获得XmlHttp对象,创建并返回一个XmlHttp对象。



  具体的调用方法:
loadXML(method,url,callback)
method: http方法,例如:POST、GET、PUT及PROPFIND
url: 请求的URL地址,可以为绝对地址也可以为相对地址
callback:自定义的返回处理函数

p>

  2.获得评论列表
  此段代码的主要功能是根据服务器处理返回的信息更新前台页面的内容,主要包括显示评论列表、评论列表分页、跳转页数三个功能。
  显示评论列表:getList函数



  评论列表分页:pagecount函数



  跳转页数:gotopage函数



  3.删除评论



  4.提交评论

p>

  服务器处理程序
  根据JS代码页的分段介绍,我们了解此系统的功能大致包括评论的显示处理、评论的删除处理、评论的提交处理三个功能,那么我们就根据这三个功能分别介绍。
  评论的显示处理页面:pl_list.asp
  此程序为asp生成xml文件,通过分页的方式将评论的内容以XML的形式呈现出来,我们可以单独运行代码:


  Conn.asp 数据库连结文件,在删除与提交处理中同样使用


  评论的删除处理页面:pl_list.asp

rs.open sql,conn,1,3
rs.delete
rs.update
rs.close
set rs=nothing
response.write("删除成功!")
%>

  评论的提交处理页面:pl_fb.asp


  CSS样式 main.css
  一个好的页面呈现效果离不开一个好的样式,当然我这个属于最基本的,算是看得清楚罢了,大家如果有兴趣可以对样式文件作修改。


  这是我第一次尝试在asp中使用ajax,习惯于donet中的拖拖拉拉,突然用最原始的方式写代码还真有点不习惯,特别是缺少了那种所见即所得的效果,每一步的实现都得在不断的调试中完成,的确是一件很累的事情。当然随着Ajax式的程序开发愈来愈受欢迎,现在市面的框架、工具也越来越多,相信有那么一天,开发Ajax应用程序终究会变成一件易常简单的事。

 

  • 上一篇Dotnet:

  • 下一篇Dotnet: 没有了
  • 最 新 热 门
     ASP实例:ASP+AJAX制作无刷新新闻评论系统
     ASP教程:数组数据排序的程序例子
     怎样在xp下配置iis
     2000/XP IIS配置问题
     ASP.NET应用程序的三层设计模型
     asp.net 生成图片验证码
     动态执行C#代码
     C#:把其他进制的数转换为十进制
     另一种眼光看VB中的匿名类型
     在asp.net 中实现维护数据缓存
    最 新 推 荐
     ASP实例:ASP+AJAX制作无刷新新闻评论系统
     ASP教程:数组数据排序的程序例子
     怎样在xp下配置iis
     2000/XP IIS配置问题
     动态网站建站应知应会
     asp生成UTF-8格式的文件
     ASP教程:Stream 速查
     ASP打开任何类型文件提示保存
     解决IIS下UTF-8文件报错乱码的问题
     ASP完美转化ACCESS为SQL数据库连接
    相 关 文 章

    ASP教程:数组数据排序的程序例子
    ASP.NET应用程序的三层设计模型
    asp.net 生成图片验证码
    在asp.net 中实现维护数据缓存
    ASP.NET 2.0应用程序安全强化纵览
    对.net framework 反射的反思_asp.net技巧
    利用UrlRewrite,asp.net动态生成htm页面
    asp生成UTF-8格式的文件
    ASP教程:Stream 速查
    ASP打开任何类型文件提示保存

    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告

     

    Copyright 2006-2008 pcjx.com All Rights Reserved
    电脑技巧 版权所有 粤ICP备06059145号 地图
    本网站所有内容未经许可不得转载或做其他使用