第16章Ajax评论功能实现：显示与提交.pdfVIP

第16章知问前端--Ajax显示评论

学习要点：

1.显示评论

2.提交评论

主讲教师：李炎恢

官方网站：

合作网站：

本节课主要实现Ajax评论功能，包括Ajax显示评论，提交评论，加载更多等等操作。

一．显示评论

//显示共显示了多少条评论

$query=mysql_query(SELECT(SELECTCOUNT(*)FROMcommentWHERE

titleid=a.id)AScount,a.id,a.title,a.content,a.user,a.dateFROMquestionaORDERBYa.date

DESCLIMIT0,10)ordie(SQL错误！);

//显示评论的部分jQuery代码

varcomment_this=this;

if(!$(.comment_list).eq(index).has(form).length){

$.ajax({

url:show_comment.php,

type:POST,

data:{

titleid:$(comment_this).attr(data-id),

},

beforeSend:function(jqXHR,settings){

$(.comment_list).eq(index).append(dlclass=comment_loaddd正在加

载评论/dd/dl);

},

success:function(response,status){

$(.comment_list).eq(index).find(.comment_load).hide();

varjson_comment=$.parseJSON(response);

$.each(json_comment,function(index2,value){

$(.comment_list).eq(index).append(dl

class=comment_contentdt+value.user+/dtdd+ment+/dddd+

value.date+/dd/dl);

});

});

});

}

//提交评论，自动显示

vardate=newDate();

$(.comment_list).eq(index).prepend(dlclass=comment_contentdt+$.ckie(user)

+/dtdd+$(.comment_list).eq(index).find(textarea).val()+/dddd+

date.getFullYear()+-+(date.getMonth()+1)+-+date.getDate()++date.getHours()+:+

date.getMinutes()+:+date.getSeconds()+/dd/dl);

//loading样式

.ment_loaddd{

background:url(../img/comment_load.gif)no-repeat75px45%;

}

感谢收看本次教程！

本课程是由北风网()

瓢城Web俱乐部()联合提供：

本次主讲老师：李炎恢

谢谢大家，再见！