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
〈%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%〉
〈!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";〉
〈html xmlns="http://www.w3.org/1999/xhtml";〉
〈head〉
〈meta http-equiv="Content-Type" content="text/html; charset=gb2312" /〉
〈title〉评论系统〈/title〉
〈script src="main.js"〉〈/script〉
〈link href="main.css" rel="stylesheet" type="text/css" /〉
〈/head〉
〈body〉
〈div id="pllist"〉正在加载评论……
〈script〉 loadDom();setTimeout("loadDom()",10000);〈/script〉
〈/div〉
〈div style="width:240px;font-size:12px;text-align:center"〉
〈fieldset〉〈legend〉评论〈/legend〉
呢称：〈input name="user" type="text" style="width:180px"/〉〈input name="newsid" value="1" type="hidden"/〉〈br/〉
内容：〈textarea name="content" style="width:180px;height:80px"〉〈/textarea〉〈br/〉
〈input name="submit" value="我要评论" onclick="fb();" type="button" /〉
〈/fieldset〉
〈/div〉
〈div style="font-size:12px;" id="msg"〉
〈/div〉
〈/body〉
〈/html〉JS代码页(核心部分) main.js
打印文档
推荐好友 
返回顶部
增大字体 
减少字体