2.获得评论列表
此段代码的主要功能是根据服务器处理返回的信息更新前台页面的内容,主要包括显示评论列表、评论列表分页、跳转页数三个功能。
显示评论列表:getList函数
function getList(xmlDom)
{
var pllist=document.getElementById("pllist"); //获得页面pllist对象,此对象用来显示评论内容
var node=xmlDom.responseXML.getElementsByTagName("pllist");//获得pllist节点集合
var tot=xmlDom.responseXML.getElementsByTagName("pl")[0].getAttribute("tot");//获得pl节点tot属性值,这里指评论的总数量
var curpage=xmlDom.responseXML.getElementsByTagName("pl")[0].getAttribute("curpage");//获得pl节点curpage属性,这里指评论列表当前所在的页数,应用于翻页
if (tot!=0) //判断当前评论数是否为空
{
var cont="";
var len=node.length;//获得pllist节点集合中节点的总数量
for(var i=0;i〈len;i++)
{
var u=node[i].childNodes(0).text;//获得节点第一个子节点的值,这里指呢称
var d=node[i].childNodes(1).text; //获得节点第二个子节点的值,这里指时间
var co=node[i].childNodes(2).text; //获得节点第三个子节点的值,这里指内容
var idnub=node[i].childNodes(3).text; //获得节点第四个子节点的值,这里指新闻ID
cont+='〈div class="u"〉呢称:'+u+'〈/div〉〈div class="d"〉时间:'+d+'〈/div〉〈div class="idnub" onclick="del('+idnub+')" style="cursor:hand" onmouseout="this.style.background=\'\'" onmousemove="this.style.background=\'#99cc66\'"〉删除〈/div〉〈div class="co"〉内容:'+co+'〈/div〉'; //将所获得的评论内容生成一个字符串
}
var cont1=pagecount(tot,curpage);//调用分页函数
cont+=cont1;
pllist.innerHTML=cont;//将内容呈现
}
else
{
pllist.innerHTML="暂无评论!";
}
}
评论列表分页:pagecount函数
function pagecount(tot,cur)
{
var cont1="";
if (tot%5==0) //默认每页五条,这个要求与服务器端保持一致
{
pages=parseInt(tot/5);
}
else
{
pages=parseInt(tot/5)+1;
}
for(var j=1;j〈=pages;j++)
{
if (j==cur)
{ cont1+="〈span〉"+j+"〈/span〉 "}
else
{ cont1+="〈span style='cursor:hand;color:#0000ff' onmouseout='this.style.background=\"\"' onmousemove='this.style.background=\"#99cc66\"' onclick='gotopage("+j+")'〉"+j+"〈/span〉 "}
}
return cont1;
}
跳转页数:gotopage函数
function gotopage(page)
{
loadXML("get","pl_list.asp?page="+page,getList);
}
function loadDom() //定时更新评论列表,初始化10秒钟
{
loadXML("get","pl_list.asp",getList);
setTimeout("loadDom()",10000)
}
3.删除评论
function del(idnub)
{
var msg=document.getElementById("msg");
msg.innerText="正在删除……";
loadXML("get","pl_del.asp?id="+idnub,getdel);
}
function getdel(xmlDom) //删除后所触发的事件,更新页面
{
var msg=document.getElementById("msg");
msg.innerText="删除成功!";
loadXML("get","pl_list.asp",getList);
}
4.提交评论
function fb() //处理提交
{
var msg=document.getElementById("msg");
var user=document.getElementById("user");
var content=document.getElementById("content")
var newsid=document.getElementById("newsid")
if (user.value=="")
{
alert("呢称不可为空!");
return false;
}
if (content.value=="")
{
alert("内容不可为空!");
return false;
}
msg.innerText="正在发表评论";
loadXML("get","pl_fb.asp?user="+user.value+"&content="+content.value+"&newsid="+newsid.value,getfb);
}
function getfb(xmlDom) //评论提交后所触发的事件,更新评论列表
{
var msg=document.getElementById("msg");
msg.innerText=xmlDom.responseText;
loadXML("get","pl_list.asp",getList);
}
| 第1页:初识别Ajax | 第2页:什么是XmlDom |
| 第3页:数据库的设计 | 第4页:前台页面 |
| 第5页:JS代码页—获得XmlHttp对象 | 第6页:JS代码页—客户端程序处理 |
| 第7页:JS代码页—服务器处理程序 |