PHP+MySQL設計高效發表評論留言功能

imcomein發表於2020-03-03

分享一個PHP+MySQL+Ajax設計的高效發表評論留言功能,可以將此功能應用在網站留言、評論等地方。


PHP+MySQL設計高效發表評論留言功能


首先我們放置一個評論表單和顯示評論列表#comments,接著呼叫評論列表,並且透過Ajax釋出評論:

$(function() { 
    var comments = $("#comments"); 
    $.getJSON("ajax.php", 
    function(json) { 
        $.each(json, 
        function(index, array) { 
            var txt = "<p><strong>" + array["user"] + "</strong>:" + array["comment"] + "<span>" + array["addtime"] + "</span></p>"; 
            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 = "<p><strong>" + user + "</strong>:" + txt + "<span>剛剛</span></p>"; 
                    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;


本文轉自: 轉載請註明出處!

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31545264/viewspace-2678178/,如需轉載,請註明出處,否則將追究法律責任。

相關文章