php+mysql结合Ajax实现点赞功能完整实例
来源:才华咖 本文已影响2.55W人
来源:才华咖 本文已影响2.55W人
文章主要介绍了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
jQuery解析XML与传统JavaScript方法的差别
关于apache mysql php 源码编译使用方法
php中使用jquery uploadify进行多图片上传实例
Happy Summer Holidays英语作文
windows8.1下Apache+Php+MySQL配置教程
Java中hashmap和hashtable的区别
php+mysql实现无限分类实例详解
优秀英语作文:Happy Summer Holidays
PHP+Ajax+lottery.js抽奖
关于php中hashtable实现示例
php+ajax实现无刷新数据分页例子
如何实现bootstrap jquery dataTable异步ajax刷新表格数据
Javascript中call与apply的学习笔记示例
A happy summer holiday英语作文
深入解析hashmap,java实现原理
PHP+jQuery+Ajax仿淘宝多上传按钮单文件上传
有关Ajax xmlHttpRequest的status的值的含义
Ajax+PHP如何简单基础入门实例教程
jQuery Mobile + PHP实现文件上传
如何理解Javascript的caller,callee,call,apply区别
如何理解Javascript的caller,callee,call,apply区别
基于PHP+Ajax实现表单验证的详解
我的暑假计划My summer holiday plan英语作文
Module9 UNIT2 Zara was happy说课稿范文
Javascript到PHP加密通讯的简单实现
为领导干部“能上能下”点赞
PHP获取MySQL数据库里所有表的实现代码
java环境变量path和classpath的配置过程
Ajax+PHP如何简单基础入门实例教程
php顶岗实习总结
To be really happy and really safe优秀英语作文
php查询mysql多条件判断输出展示实例
WINDOWS和Linux上怎么安装php7 alpha 和 yaf
习近平:祖国完全统一的历史任务一定要实现,也一定能够实现!
php和javascript之间变量的传递实现代码
PHP中检测ajax请求的代码实例
PHP中MySQL、MySQLi和PDO的用法和区别
Javascript到PHP加密通讯的简单实现方法
如何理解Javascript的caller,callee,call,apply区别
如何理解Javascript的caller,callee,call,apply区别