av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

php+mysql+ajax 局部刷新點贊/取消點贊功能(每個賬號只點贊一次)

瀏覽:86日期:2022-09-09 14:42:41

記錄每個贊的點贊用戶,以及對贊的數量統計首先判斷用戶是否點贊。根據是否點贊,載入不同的html,調用不同的方法

已點贊

如果已點贊,顯示已點贊的html,進行取消點贊操作

未點贊

如果未點贊,顯示未點贊的html,進行點贊操作

對于不同操作,對數據庫進行增加或減少操作。同時對于不同用戶的點贊,進行增加記錄或刪除記錄操作。通過控制不同按鈕的背景,來顯示不同的效果。通過記錄不同用戶的用戶id和贊的id之間的關系,進行不同點贊的限制。

效果演示

當用戶id為1時,進行點贊,點贊數加1

php+mysql+ajax 局部刷新點贊/取消點贊功能(每個賬號只點贊一次)

更改用戶id,當id為2時,用戶1的用戶已進行了點贊,點贊數在用戶1點贊基礎上增加1

php+mysql+ajax 局部刷新點贊/取消點贊功能(每個賬號只點贊一次)

數據庫

數據庫,分為兩個數據表。一個進行對點贊數的統計,一個進行不同用戶的點贊記錄。

兩個數據表的詳細信息

php+mysql+ajax 局部刷新點贊/取消點贊功能(每個賬號只點贊一次)

連接數據庫

$con = new mysqli(’localhost’,’root’,’’,’test’);if (!$con){ die(’連接數據庫失敗,失敗原因:’ . mysqli_error());}else { // echo '連接成功';}

對用戶是否點贊進行判斷(操作頁面)

對數據庫的信息進行提取

//假設用戶編號為1$uId='1';//假設贊編號為1$zanId='1';//查找贊id為1的點贊數$count=mysqli_query($con, 'SELECT count FROM zanCount WHERE zanId=$zanId ');$countResult=mysqli_fetch_array($count);$countZan=$countResult[’count’];//查找改用戶是否對贊id為1 點贊$uIdLike=mysqli_query($con, 'SELECT * FROM zanRecord WHERE uId=$uId ');$result=mysqli_fetch_array($uIdLike);

對用戶是否點贊進行判斷,并輸出不同的html

//點贊if (isset($result)) { $showZan.=<<<html <div id='dolikeDIV'> <button οnclick='zanDel()'></button> <span id='zan'>$countZan</span> </div>html; }//沒點贊else{ $showZan.=<<<html <div id='dolikeDIV'> <button οnclick='zan()'></button> <span id='zan'>$countZan</span> </div>html;}echo $showZan; ?>

css樣式

#dolike, #donolike { width:30px; height:30px; margin-left:20px; float:left;}#donolike {background:url(./images/nolike.png); background-size:30px 30px; }#dolike{background:url(./images/like.png); background-size:30px 30px; }

調用的ajax方法

傳遞需要的數據,這里傳遞的時zanId 和uId記得引入jq文件點贊

function zan(){$.ajax({type:'POST',url:'./likeSever.php',data:{’zanId’:$('#zanId').val(),’uId’:$('#uId').val()},success:function(text){$('#dolikeDIV').html(text);}});}

取消點贊

function zanDel(){$.ajax({type:'POST',url:'./disSever.php',data:{’zanId’:$('#zanId').val(),’uId’:$('#uId').val()},success:function(text){$('#dolikeDIV').html(text);}});}

處理代碼

點贊處理

//更新贊總數的數據 mysqli_query($con,'UPDATE zanCount SET count = count+1 WHERE zanId=$zanId'); //添加一條點贊記錄 mysqli_query($con,'INSERT INTO zanRecord(zanId,uId) VALUES($zanId, $uId); '); //查找贊的總數 @$count=mysqli_query($con, 'SELECT count FROM zanCount WHERE zanId=$zanId '); @$countResult=mysqli_fetch_array($count); @$countZan=$countResult[’count’]; //更改輸出的html $show=''; $show=<<<html <button οnclick='zanDel()'></button><span id='zan'>$countZan</span>html; echo $show;

取消點贊處理

//更新贊總數的數據 mysqli_query($con,'UPDATE zanCount SET count = count-1 WHERE zanId=$zanId'); //添加一條點贊記錄 mysqli_query($con,'DELETE FROM zanRecord WHERE zanId=$zanId AND uId=$uId '); //查找贊的總數 @$count=mysqli_query($con, 'SELECT count FROM zanCount WHERE zanId=$zanId '); @$countResult=mysqli_fetch_array($count); @$countZan=$countResult[’count’]; //更新html $show=''; $show.=<<<html <button οnclick='zan()'></button><span id='zan'>$countZan</span>html;

點贊的圖片圖片自己畫的,有點不太美觀

php+mysql+ajax 局部刷新點贊/取消點贊功能(每個賬號只點贊一次)php+mysql+ajax 局部刷新點贊/取消點贊功能(每個賬號只點贊一次)

jq下載地址完整demo下載

到此這篇關于php+mysql+ajax 局部刷新點贊/取消點贊功能(每個賬號只點贊一次)的文章就介紹到這了,更多相關php+mysql+ajax 局部刷新點贊內容請搜索好吧啦網以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持好吧啦網!

標簽: PHP
相關文章:
主站蜘蛛池模板: 999久久| 99re99| 亚洲九九 | 国产1区2区 | 亚洲视频免费观看 | 亚洲视频欧美视频 | 一区二区三区国产在线观看 | 自拍偷拍中文字幕 | 亚洲精品久久久久久下一站 | 亚洲电影一区二区三区 | 欧美午夜在线 | 日韩视频三区 | 久久国产精品首页 | 日韩高清中文字幕 | 日本精品视频在线观看 | 免费黄色片在线观看 | 亚洲成人播放器 | 精品一区二区久久久久久久网站 | 羞羞视频网站免费观看 | 91色在线视频 | 日韩视频成人 | 国产精品视频免费看 | 欧美日一区 | 毛片com| 欧美日韩久久 | 国产亚洲精品精品国产亚洲综合 | 亚洲精品免费看 | a级毛片免费高清视频 | 永久免费在线观看 | 精品久久成人 | 国产精品区一区二区三 | 黄色免费在线观看网站 | 午夜精品影院 | 精品免费在线 | 亚洲国产黄| 日韩av一区二区在线观看 | 在线观看日韩 | 久久亚 | 国产小视频在线观看 | 亚洲五码久久 | 国产三级一区二区三区 |