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
相關文章:
主站蜘蛛池模板: 国产免费av网 | 亚洲永久入口 | 日韩视频国产 | 91免费入口| 久久久久久久久一区 | 人人人人干 | 日韩字幕一区 | 日韩成人精品在线观看 | 欧美日韩精品一区二区天天拍 | 国产片淫级awww | 亚洲成人av | 亚洲一区二区三区免费在线 | 天堂网中文字幕在线观看 | 亚洲乱码国产乱码精品精的特点 | av资源网站| 国产第一页在线播放 | 久久中文字幕一区 | 亚洲精品久久久久久久久久久久久 | 精品国产欧美一区二区三区成人 | 中文字幕精品一区二区三区精品 | 草草草影院 | 日日日干干干 | 琪琪午夜伦伦电影福利片 | 亚洲国产成人av好男人在线观看 | 亚洲男人网 | 亚洲午夜av久久乱码 | 中文字幕国产一区 | 久久久久国产 | 久久久久久国模大尺度人体 | 久久久久黄 | 91精品国产综合久久福利软件 | 日韩在线一区二区 | 久久久久久国产精品久久 | 91视频国产一区 | 国产精品视频在线播放 | 超碰91在线| 国产精品伦一区二区三级视频 | 精品免费国产视频 | 久久一区二区视频 | 777zyz色资源站在线观看 | 中文字幕在线观 |