php+mysql结合Ajax实现点赞功能完整实例

php  /  管理员 发布于 7年前   143

本文实例讲述了php+mysql结合Ajax实现点赞功能的方法。分享给大家供大家参考。具体如下：

要实现点赞功能，有多种实现方式，这里总结一下利用Ajax，php和mysql来实现点赞的数据的功能。具体步骤如下：

一、页面中的HTML代码部分：

0good+10good+10good+10good+1

二、写javascript

1、实现上面的button的点击事件goodplus

var span = document.getElementsByTagName('span');//获取存放点赞数的dom  var num; //点赞数  var flag = 0; //不同情况的标记    function goodplus(gindex){   flag = 1;   num = parseInt(span.item(gindex-1).innerHTML);   if(checkcookie(gindex) == true){    num = num + 1;    senddata(gindex); //通过Ajax修改页面上的数据   }else{    alert("你已经点过赞咯！")    } }

2、页面一打开时就应该更新点赞数据

for(var i = 1; i < span.length + 1; i++){   senddata(i);  }

3、通过Ajax获取数据senddata函数

function senddata(aindex){   var xmlhttp;   var txt;   if(window.XMLHttpRequest){    xmlhttp=new XMLHttpRequest();   }else{    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");   }   xmlhttp.onreadystatechange=function(){    if(xmlhttp.readyState == 4 && xmlhttp.status == 200){     txt = xmlhttp.responseText; //获取返回的数据     var cookieindex = aindex - 1;     document.getElementsByTagName('span').item(cookieindex).innerHTML = txt; //赋值    }   }   xmlhttp.open("GET","路径/index.php?num=" + num + '&flag=' + flag + '&aindex=' + aindex,true);   xmlhttp.send(); } 

4、通过设置cookie来判断是否已经点赞，如果有cookie则提示已经点赞，如果没有cookie则允许点赞，而且会设置cookie

//判断是否已经存在了cookie function checkcookie(gindex){   var thiscookie = 'goodplus' + gindex;   var mapcookie = getCookie(thiscookie)   if (mapcookie!=null && mapcookie!=""){    return false;   }else {    setCookie(thiscookie,thiscookie,365);    return true;   }  }//获取cookie function getCookie(c_name){//获取cookie，参数是名称。   if (document.cookie.length > 0){//当cookie不为空的时候就开始查找名称    c_start = document.cookie.indexOf(c_name + "=");    if (c_start != -1){           //如果开始的位置不为-1就是找到了、找到了之后就要确定结束的位置     c_start = c_start + c_name.length + 1 ; //cookie的值存在名称和等号的后面，所以内容的开始位置应该是加上长度和1     c_end = document.cookie.indexOf(";" , c_start);     if (c_end == -1) {      c_end = document.cookie.length;     }     return unescape(document.cookie.substring(c_start , c_end));//返回内容，解码。    }   }   return ""; }//设置cookie function setCookie(c_name,value,expiredays){//存入名称，值，有效期。有效期到期事件是今天+有效天数。然后存储cookie，   var exdate=new Date();   exdate.setDate( exdate.getDate() + expiredays )   document.cookie = c_name + "=" + escape(value) + ((expiredays==null) ? "" : "; expires=" + exdate.toGMTString()) }

三、index.php页面：

四、最终的index.html页面如下：

0good+10good+10good+10good+1

希望本文所述对大家的php程序设计有所帮助。

您可能感兴趣的文章:

• 如何使用jQuery+PHP+MySQL来实现一个在线测试项目
• PHP+MYSQL会员系统的开发实例教程
• PHP MYSQL简易交互式站点开发
• PHP和Mysqlweb应用开发核心技术 第1部分 Php基础－3 代码组织和重用2
• PHP和Mysqlweb应用开发核心技术－第1部分 Php基础－2 php语言介绍
• PHP和Mysqlweb应用开发核心技术 第1部分 Php基础－1 开始了解php
• PHP与MySQL开发的8个技巧小结
• php+mysql开发的最简单在线题库(在线做题系统)完整案例