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

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


首先我們放置一個評論表單和顯示評論列表#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;

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章