php mysql结合Ajax实现点赞功能完整实例.doc
php+mysql结合Ajax实现点赞功能完整实例
本文档格式为WORD,感谢你的阅读。
最新最全的 学术论文 期刊文献 年终总结 年终报告 工作总结 个人总结 述职报告 实习报告 单位总结 演讲稿
php+mysql结合Ajax实现点赞功能完整实例
文章主要介绍了php+mysql结合Ajax实现点赞功能,以一个完整实例形式详细分析了实现点赞功能中涉及的html页面、Ajax功能及php方法的使用技巧,非常具有实用价值,需要的朋友可以参考下。
要实现点赞功能,有多种实现方式,这里总结一下利用Ajax,php和mysql来实现点赞的数据的功能。具体步骤如下:
一、页面中的HTML代码部分:
二、写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
php+mysql结合Ajax实现点赞功能完整实例
http://m.kaoshi./php/425094.html
//判断是否已经存在了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 ;
//cooki