所属分类:PHP实例-Ajax
PS:演示做过特殊处理,不会保存用户提交的数据,只做演示。附件内为完整实例,数据会提交到数据库,并显示在前台。
首先我们放置一个评论表单和显示评论列表#comments
发表评论昵称:评论内容:
接着调用评论列表,并且通过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); } } }); }); });
最后附上表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;