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;
本文轉自:
轉載請註明出處!
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31545264/viewspace-2678178/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 資料庫設計——評論回覆功能資料庫
- PHP+MYSQL留言板製作PHPMySql
- 評論表設計 - 路徑列舉、巢狀集、閉包表巢狀
- 評論回覆功能,總結開發-JavaJava
- 評論模組 – 後端資料庫設計及功能實現後端資料庫
- 評論模組 - 後端資料庫設計及功能實現後端資料庫
- Wordpress 評論功能Xss 始末
- 使用Vue+Django+Ant Design做一個留言評論模組VueDjango
- Java實現評論回覆功能Java
- B站評論系統架構設計架構
- 為網頁新增留言功能網頁
- 帝國CMS如何新增評論功能
- 評論外掛我的前臺怎麼顯示不了,怎麼管理留言?
- vue 基礎入門筆記 14:發表評論 demoVue筆記
- 「擴充」實現評論 @ 多人通知功能
- 百度評論中臺的設計與探索
- 併發程式設計導論程式設計
- [打怪升級]小程式評論回覆和發帖功能實戰(二)
- [打怪升級]小程式評論回覆和發貼功能實戰(一)
- 雲棲科技評論第33期:2016年穀歌發表218篇論文
- 微信公眾號的留言功能
- WordPress增加評論回覆的郵件通知功能
- 教你如何用 MongoDB 實現評論榜功能MongoDB
- PHP無限級評論回覆功能實現PHP
- 思否評論區 @ 人的功能實現
- 口罩預約管理系統——資料庫設計(前端+PHP+MySQL)資料庫前端PHPMySql
- 為hexo部落格新增基於gitment評論功能HexoGit
- VuePress 部落格優化之增加 Vssue 評論功能Vue優化
- VuePress 部落格優化之增加 Valine 評論功能Vue優化
- 九、Abp vNext 基礎篇丨評論聚合功能
- 高效程式設計程式設計
- 百度的評論系統是怎麼設計的?
- 個人部落格開發系列:評論功能之GitHub賬號OAuth授權GithubOAuth
- 訂閱號留言板:公眾號留言功能開通新思路!(建議收藏)
- 文章評論功能前後端實現方案總結後端
- CodeGeeX論文發表:揭秘AI輔助程式設計工具背後的大模型AI程式設計大模型
- 評論模組開發總結
- 【介面功能設計】TopThink介面功能設計建議