分享一個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;
PHP+MySQL設計高效發表評論留言功能
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.