php+mysql結合Ajax實現點贊功能完整實例
文章主要介紹了php+mysql結合Ajax實現點贊功能,以一個完整實例形式詳細分析了實現點贊功能中涉及的html頁面、Ajax功能及php方法的使用技巧,非常具有實用價值,需要的朋友可以參考下。
要實現點贊功能,有多種實現方式,這裏總結一下利用Ajax,php和mysql來實現點讚的數據的功能。具體步驟如下:
一、頁面中的HTML代碼部分:
?
1
2
3
4
5
6
7
8
9
10
11
<span>0</span>
<button onclick="goodplus(1);">good+1</button>
<span>0</span>
<button onclick="goodplus(2);">good+1</button>
<span>0</span>
<button onclick="goodplus(3);">good+1</button>
<span>0</span>
<button onclick="goodplus(4);">good+1</button>
二、寫javascript
1、實現上面的button的.點擊事件goodplus
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
var span = lementsByTagName('span');//獲取存放點贊數的dom
var num; //點贊數
var flag = 0; //不同情況的標記
function goodplus(gindex){
flag = 1;
num = parseInt((gindex-1)rHTML);
if(checkcookie(gindex) == true){
num = num + 1;
senddata(gindex); //通過Ajax修改頁面上的數據
}else{
alert("你已經點過贊咯!")
}
}
2、頁面一打開時就應該更新點贊數據
?
1
2
3
for(var i = 1; i < th + 1; i++){
senddata(i);
}
3、通過Ajax獲取數據senddata函數
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function senddata(aindex){
var xmlhttp;
var txt;
if(ttpRequest){
xmlhttp=new XMLHttpRequest();
}else{
xmlhttp=new ActiveXObject("TTP");
}
adystatechange=function(){
if(yState == 4 && us == 200){
txt = onseText; //獲取返回的數據
var cookieindex = aindex - 1;
lementsByTagName('span')(cookieindex)rHTML = txt; //賦值
}
}
("GET","路徑/ + num + '&flag=' + flag + '&aindex=' + aindex,true);
();
}
4、通過設置cookie來判斷是否已經點贊,如果有cookie則提示已經點贊,如果沒有cookie則允許點贊,而且會設置cookie
?
1
2
3
4
5
6
7
8
9
10
11
12
-
PHP中多態如何實現
PHP是一種HTML內嵌式的,用來製作動態網頁的服務器端的腳本語言。以下是本站小編整理的PHP中多態如何實現的內容,歡迎學習!1PHP語言介紹PHP是一種HTML內嵌式的,用來製作動態網頁的服務器端的腳本語言。其特點是:開發週期短,穩定安全,簡單易學,免費開源,良好的跨平台特性...
-
php統計數組元素個數的方法
PHP是一種HTML內嵌式的語言,是一種在服務器端執行的嵌入HTML文檔的腳本語言,語言的.風格有類似於C語言,被廣泛地運用。下面是小編為大家搜索整理的php統計數組元素個數的方法,希望大家能有所收穫,更多精彩內容請及時關注我們應屆畢業生考試網!count():對數組中的元...
-
2017年PHP錯誤總結範文
導語:如果你還是PHP新手的話,不妨就找些PHP錯誤點來看看。下面的是本站小編為大家蒐集的2017年PHP錯誤總結,供大家參考。錯誤總結PHP-不斷更新(新手必看)做開發請開啟全部錯誤提示:error_reporting=E_ALL|E_STRICT屏蔽錯誤提示等於掩耳盜鈴。代碼寫規範,錯誤少一半...
-
php通過sudo執行root指令
PHP是一種很強大的語言,那麼下面就一起來看他在指令方面的應用吧!下面是本站小編精心為大家整理的php通過sudo執行root指令,希望對大家學習有幫助,更多內容請關注應屆畢業生網!1.高級的用法如限制主機、用户組、命令組的用法可以參照下面的規則,詳細可參看"mansudo...