jquery mysql php_Ajax+jQuery+PHP+MySQL实现无刷新发表评论应用

PS：演示做过特殊处理，不会保存用户提交的数据，只做演示。附件内为完整实例，数据会提交到数据库，并显示在前台。

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;