實現發表心情功能通過php+jquery+ajax+mysql技術，大致流程我先給大家理下：主頁index.html頁面通過ajax獲取心情圖標及柱狀圖相關數據，當用戶點擊其中的一個心情圖標時，向后臺php發送請求，php對用戶cookie驗證（是否是首次提交），然后將數據庫對應的心情字段內容加1，成功后返回前端頁面，告訴首頁index頁面發表成功，并調整柱狀圖和統計數據。
請看效果圖：
html：
先看HTML，我們在index.html中放置一個#msg，用來顯示操作結果信息，#mood是操作主區域，其中ul通過javascript異步加載心情圖標、說明、柱狀圖以及統計信息。
復制代碼代碼如下:
<div id="msg"></div>
<div id=mood>
<ul></ul>
</div>
PHP
首先我們在config.php配置文件中，配置數據庫連接信息，以及示例相關參數。
$
- host="localhost";
- $db_user="root";
- $db_pass="";
- $db_name="demo";
- $link=mysql_connect($host,$db_user,$db_pass);
- mysql_select_db($db_name,$link);
- mysql_query("SET names UTF8");
- //心情說明，用半角逗號隔開
- $moodname='震驚,不解,憤怒,杯具,無聊,高興,支持,超贊';
- //心情圖標文件，用半角逗號隔開(template/images/目錄)
- $moodpic='a1.gif,a2.gif,a3.gif,a4.gif,a5.gif,a6.gif,a7.gif,a8.gif';
- //統計心情柱圖標最大高度
- $moodpicheight=80;
學習交流
- 綠毒越獄軟件 完美越獄4.21教程12-21
- htcg15怎么刷機？htcg15刷機教程12-21
- HTC hd7刷安卓2.2全教程12-21
- mpkg軟件下載和卸載的方法12-21
- 網站后臺系統設置的網站地址格式寫法07-09
- 防止重復提交js按鈕變灰07-09
- 不同時間顯示不同的廣告代碼07-09
- iframe框架調用高度自適應方法07-09
- 備份數據庫出現問題的解決方法07-09
熱門圖片
猜你喜歡的新聞
猜你喜歡的關注
- 遷移你的web頁面到asp.net ajax 1.0 _ajax
- 初步了解 asp.net ajax 擴展_ajax教程
- 在虛擬主機上部署asp.net ajax 1.0 beta的
- ajax程式中,自己實現頁面前進、后退、和標
- asp.net ajax 1.0,hello world程式_ajax教
- asp.net ajax學習系列功能強大的updatepane
- ajax和asp.net的設置文件_ajax教程
- 關于asp.net ajax beta中在updatepnael中注
- asp.net ajax beta2 調用本地webservice的
- php和ajax打造高級rss聚合器_ajax教程
新聞熱點
2024-06-26 22:28:41
2024-06-26 22:26:16
2024-06-26 22:23:01
2024-06-25 19:29:23
2024-06-25 19:22:14
2024-06-25 19:19:15
疑難解答
圖片精選
