首先我们放置一个评论表单和显示评论列表#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;
本文转自:https://www.sucaihuo.com/php/84.html 转载请注明出处!