jquery和php评论,Ajax应用：jQueryPHPMySQL发表评论

在本文中，我将带你一起使用PHP，MySQL和jQuery创建一个快速高效的发表评论的功能。您可以将此功能应用在留言、评论等领域。

下载资源

下载积分：

70

积分

HTML

首先我们放置一个评论表单和显示评论列表#comments

发表评论

昵称：

评论内容：

jQuery

接着调用评论列表，并且通过Ajax发布评论： $(function() {

var comments = $("#comments");

$.getJSON("ajax.php",

function(json) {

$.each(json,

function(index, array) {

var txt = "

" + array["user"] + "：" + array["comment"] + "" + array["addtime"] + "

";

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 = "

" + user + "：" + txt + "刚刚

";

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;

赶紧去试试吧，点击评论。