在本文中,我将带你一起使用PHP,MySQL和jQuery创建一个快速高效的发表评论的功能。您可以将此功能应用在留言、评论等领域。
HTML
首先我们放置一个评论表单和显示评论列表#comments
<div id="post">
<h3>发表评论</h3>
<p>昵称:</p>
<p><input type="text" class="input" id="user" /></p>
<p>评论内容:</p>
<p><textarea class="input" id="txt" style="width:100%; height:80px">
jQuery
接着调用评论列表,并且通过Ajax发布评论:
$(function() {
var comments = $("#comments");
$.getJSON("ajax.php",
function(json) {
$.each(json,
function(index, array) {
var txt = "<p><strong>" + array["user"] + "</strong>:" + array["comment"] + "<span>" + array["addtime"] + "</span></p>";
comments.append(txt);
});
});
$("#add").click(function() {
var user = $("#user").val();
var txt = $("#txt").val();
$.ajax({
type: "POST",
url: "comment.php",
data: "user=" + user + "&txt=" + txt,
success: function(msg) {
if (msg == 1) {
var str = "<p><strong>" + user + "</strong>:" + txt + "<span>刚刚</span></p>";
comments.append(str);
$("#message").show().html("发表成功!").fadeOut(1000);
$("#txt").attr("value", "");
} else {
$("#message").show().html(msg).fadeOut(1000);
}
}
});
});
});
Mysql
最后附上表comments结构:
CREATE TABLE `comments` (
`id` int(11) NOT NULL auto_increment,
`user` varchar(30) NOT NULL,
`comment` varchar(200) NOT NULL,
`addtime` datetime NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM;
赶紧去试试吧,<a href='http://www.sucaihuo.com/jquery/demo/84/'target='_blank'>点击评论</a>。
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791