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;