前端php页面

<?php

          if(isset($_GET['id'])){

                $id=$_GET['id'];

          }

           include('data/conn.php');

           $sqls="select count from activity where id=$id";

           $results=mysqli_query($link,$sqls);

           $row=mysqli_fetch_assoc($results);

           $ip=  $_SERVER['REMOTE_ADDR'];

 ?>

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

     <link rel="stylesheet" href="css/saveclick.css" type="text/css" />

     <script type="text/javascript" src="js/jquery.js"></script>

    <title>分享收集花瓣</title>

</head>

<body>

           <div class="content">

                         <div class="word-2"></div>

                      <div class="ticket"></div>

                      <div class="count" id="count"><?php echo $row['count'] ?></div>

                      <div class="font">花瓣数量</div>

                      <div style="float: right;" onclick="collect();">

                        <div class="huaban"></div>

                        <div class="font ft-1" >送TA花瓣</div>

                      </div>

                      <div class="st" style="display:none;"><?php echo $id ?></div>

                      <div class="ip" style="display:none;"><?php echo $ip;?></div>

           </div>

</body>

<script type="text/javascript">

        function collect(){

                  var id=$('.st').text();

                  var count=$("#count").text();

                  var ip=$('.ip').text();

              $.post('data/data-count.php',{"id":id,"ip":ip},function(data){

                  if(count>=){

                         alert("攒花成功了，赶紧截图帮TA发到天甲网络微信公众号领奖去吧！");

                        window.location.href="ticket1.php";

                 }else{

                         if(data['msg']==){

                        alert("你已经送过TA花瓣了,分享到朋友圈让其他小伙伴一起为TA送花！");

                     }else if(data['msg']==){

                        alert('送TA花瓣失败了，请重新送花！');

                     }else{

                        alert("送花成功,赶紧分享到朋友圈喊其他小伙伴一起为TA送花吧！");

                        $("#count").html(parseInt(count)+);

                     }

                }

                    },'JSON');   

           }

</script>

</html>

数据库连接mysqli

<?php

     $link=mysqli_connect('localhost','root','','38activity');

     mysqli_query($link,"SET NAMES 'utf8'");

 ?>

后台处理数据页面实现计数更新以及ip防止重复记录

<?php

          include('conn.php');

          $id=$_POST['id'];

          $ip=$_POST['ip'];

          $ip_sql=mysqli_query($link,"select ip from ip where aid=$id and ip='$ip' ");

          $count=mysqli_num_rows($ip_sql);

          if($count==){   //没有投票

             $sql="update  activity  set count=count+1  where id=$id" ;

             mysqli_query($link,$sql);

             $sql_in = "insert into  ip(ip,aid) values ('$ip','$id')";

             mysqli_query($link,$sql_in);

             if(mysqli_insert_id($link)>){

                    $arr['msg'] = ;

                     $arr['success'] = '投票成功,谢谢您的参与';

                     echo json_encode($arr);

             }else{

               $arr['msg'] = ;

               $arr['success'] = '操作失败，请重试';

               echo json_encode($arr);

             }

          }else{

               $arr['msg'] = ;

               $arr['success'] = '您已经投票过了';

               echo json_encode($arr);

          }

数据库表

完整的ajax请求投票点赞功能的实现【数据库表一（票数）表二（ip限制重复投票）】的更多相关文章

  1. ajax请求锁屏功能

    我们有时候在进行ajax请求的时候希望页面不允许点击,等请求结束之后才可以进行点击,那么可以写: $(".cloudos-container").ajaxStart($.block ...

  2. php + ajax实现 帖子点赞功能

    知识: 一.首先页面需要加载jquery框架 二.ajax常用参数解释: ①.type:传输数据方式,get或者post ②.url:处理数据的PHP脚本 ③.data:传输的数据索引及值,值用js获 ...

  3. 较简单的用ajax修改和添加功能（链接数据库）

    修改和添加关于数据库的信息,可以用于任何的添加和修改 这些数据库和前面的随笔数据库是一样的 一.显示出数据库中的信息 (1)显示的效果也可以是用bootstrap的标签页显示(前面一定要引入boots ...

  4. 原生js发送ajax请求

    堕落了一阵子了,今天打开博客,发现连登录的用户名和密码都不记得了.2016年已过半,不能再这么晃荡下去了. 参加了网易微专业-前端攻城狮 培训,目前进行到大作业开发阶段,感觉举步维艰.但是无论如何,不 ...

  5. 从零开始学 Web 之 Vue.js（四）Vue的Ajax请求和跨域

    大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:ht ...

  6. js ajax请求传token

    js  ajax请求传token 方法一: headers: { Authorization: "BasicAuth " + token } 方法二: beforeSend: fu ...

  7. jQuery实现的分页功能，包括ajax请求，后台数据，有完整demo

    一:需求分析 1)需要首页,末页功能 2)有点击查看上一页,下一页功能 3)页码到当前可视页码最后一页刷新页面 二:功能实现思路 也是分为三部分处理 1)点击首页,末页直接显示第一页或者最后一页内容, ...

  8. ajax点赞功能

  9. BBS(第一天)项目之 注册功能实现通过forms验证与 前端ajax请求触发查询数据库判断用户是否存在的功能实现

    1.BBS项目之注册功能通过forms验证 from django import forms from blog.models import User from django.contrib.auth ...

随机推荐

  1. yii2组件之下拉框带搜索功能（yii-select2）

    简单的小功能,但是用起来还是蛮爽的.分享出来让更多的人有更快的开发效率,开开心心快乐编程. 如果你还没有使用过composer,你可就out了,看我的教程分享,composer简直就是必备神奇有木有. ...

  2. 【Quartz】Quartz的搭建、应用（单独使用Quartz）

    Quartz在Java构建的系统中,是十分常用的定时任务框架. 本文,记录.介绍Quartz的简单入门的单独搭建(此文入门学习Quartz为主,并非基于Spring托管形式). > 参考的优秀资 ...

  3. CSS Hack技术介绍及常用的Hack技巧

    一.什么是CSS Hack? 不同的浏览器对CSS的解析结果是不同的,因此会导致相同的CSS输出的页面效果不同,这就需要CSS Hack来解决浏览器局部的兼容性问题.而这个针对不同的浏览器写不同的CS ...

  4. mysql 索引2

    /* 所有MySQL列类型可以被索引.根据存储引擎定义每个表的最大索引数和最大索引长度. 所有存储引擎支持每个表至少16个索引,总索引长度至少为256字节.大多数存储引擎有更高的限制. 索引的存储类型 ...

  5. request 和response

    当今web程序的开发技术真是百家争鸣,ASP.NET, PHP, JSP,Perl, AJAX 等等. 无论Web技术在未来如何发展,理解Web程序之间通信的基本协议相当重要, 因为它让我们理解了We ...

  6. 数据库连接池的选择 Druid

    我先说说数据库连接 数据库大家都不陌生,从名字就能看出来它是「存放数据的仓库」,那我们怎么去「仓库」取东西呢?当然需要钥匙啦!这就是我们的数据库用户名.密码了,然后我们就可以打开门去任意的存取东西了. ...

  7. iOS支付宝的使用

    打开“APViewController.m”文件,对以下三个参数进行编辑. 二.集成支付宝到自己的工程 1.启动Xcode,为了方便快速开发,将解压包里面的AlipaySDK.bundle和Alipa ...

  8. Hive 的 map join

    学习自 http://blog.csdn.net/xqy1522/article/details/6699740 1. Map Join 的使用场景: 关联操作中有一张表非常小 不等值的链接操作 2. ...

  9. 64.GitHub 排名前100的android项目简介

    GitHub Android Libraries Top 100 简介 排名完全是根据 GitHub 搜索 Java 语言选择 (Best Match) 得到的结果, 然后过滤了跟 Android 不 ...

  10. 【poj1085】 Triangle War

    http://poj.org/problem?id=1085 (题目链接) 题意 A,B两人玩游戏,在一个大三角形上放火柴,若A放上一根火柴后成功组成一个三角形,那么这个三角形就归属于A,并且A被奖励 ...