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

逃离我推掉我的手 2022-12-31 10:29 116阅读 0赞

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

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

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

good+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页面：

$num = $\_GET\['num'\];

$aindex = $\_GET\['aindex'\];

$con = mysql\_connect("localhost","root","");

if (!$con)\{

die('Could not connect: ' . mysql\_error());

mysql\_select\_db("goodplus", $con);

$sql0s = "SELECT \* FROM \`good\` where \`id\` = ".$aindex;

$sql0 = mysql\_query($sql0s);

if($\_GET\['flag'\] == 0)\{

while($row = mysql\_fetch\_array($sql0))\{

echo $row\['value'\];

\}else if($\_GET\['flag'\] == 1)\{

$sql="UPDATE \`goodplus\`.\`good\` SET \`value\` = '".$num."' WHERE \`good\`.\`id\` = ".$aindex;

if (!mysql\_query($sql,$con))\{

die('Error: ' . mysql\_error());

echo $num;

mysql\_close($con)

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

无标题文档

good+1

var span = document.getElementsByTagName('span');

var num;

var flag = 0;

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

senddata(i);

function goodplus(gindex)\{

flag = 1;

num = parseInt(span.item(gindex-1).innerHTML);

if(checkcookie(gindex) == true)\{

num = num + 1;

senddata(gindex);

\}else\{

alert("你已经点过赞咯！")

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","/ajax/json/index.php?num=" + num + '&flag=' + flag + '&aindex=' + aindex,true);

xmlhttp.send();

//判断是否已经存在了cookie

function checkcookie(gindex)\{

var thiscookie = 'sdcity\_foodmap\_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())

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

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

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关微服务SpringBoot 整合Redis 实现点赞、点赞排行榜

相关 Redis实现点赞功能模块

相关 phpcms 点赞_php+mysql结合Ajax实现点赞功能完整实例

相关 java实现点赞(顶)功能

相关 php 实现无刷新点赞,ajax+php+mysql实现无刷新点赞功能

相关局部刷新ListView，实现点赞功能

相关 jQuery-简单点赞功能实现

相关 springmvc实现点赞功能

相关 springmvc与ajax交互实现点赞

相关点赞功能详解