按钮点击数统计计数器(PHP+MYSQL+JS)

55gY 1,696 0

公共页面con.php

<?php
@mysql_connect("localhost:3306","user","password") or die("数据库连接失败");
@mysql_select_db("click") or die("数据表连接失败");
mysql_query("set names 'gbk'");
?>

提交页面index.php

<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>    //调用jquery库
<script language="javascript" type="text/javascript">
    
  $(document).ready(function() {
  //使用jQuery异步提交表单,实现表单提交不刷新
  $('#form1').submit(function() {
    jQuery.ajax({
    url: 'sub.php',
    data: $('#form1').serialize(),
    type: "POST",
    beforeSend: function()
    {
    //在异步提交前要做的操作
    },
    success: function()
    {

    }
    });
    return false;
    });
  });

  function clickNum(){            //js控制表单提交
    document.getElementById('form1').submit();  
  } 
</script>

<form action="sub.php" method="POST" id="form1" target="rfFrame">
<input type="hidden" name="hid" id="hid" value="1">
</form>
<iframe style="display: none" id="rfFrame"  name="rfFrame" src="about:blank"></iframe>
<button onclick="clickNum()">Click Me</button>

该部分主要运用js控制表单提交,并实现表单提交不刷新,重新载入页面的现象

处理页面sub.php

<?php
include("conn.php");
if(!empty($_POST['hid'])){
    $dates=date('Y-m-d');     //获取当前日期
    $hit=intval($_POST['hid'].value);   //获取表单POST来的点击信息
        //查询表内当前日期数据,存入关联数组$result
    $sql1="select * from `lou_click` where `date`='$dates'";    
    $result=mysql_query($sql1);

    if (!mysql_num_rows($result)) {    //如果没有记录,初始化创建当前日期对应的记录,并计数为$hit($hit已设置为1)
        
        $sql2="insert into `lou_click` (`date`,`hits`) values ('$dates','$hit')";
        mysql_query($sql2);
             
    }else{       //若有记录,原记录加$hit($hit已设置为1)
        $sql3="update `lou_click` set hits=hits+$hit where `date` ='$dates'";
        mysql_query($sql3); 
    }
}
?>


date()函数,用于获取当前日期
mysql_num_rows()函数,用于获取数据记录条数

显示数据页面show.php

<?php

include("conn.php");

$sql="select * from `lou_click`";
$db=mysql_fetch_array(mysql_query($sql));
$query=mysql_query($sql);

while($db=mysql_fetch_array($query)){

?>

<div class="content">
    <div class="box_cell">
        <span>日期:<?php echo $db['date'] ?></span>
        <div>点击:<?php echo $db['hits'] ?></div>
    </div>
</div>

<?php

}

?>

本站资源来自互联网收集,仅供用于学习和交流,请勿用于商业用途。如有侵权、不妥之处,请联系站长并出示版权证明以便删除。敬请谅解!

发表评论 取消回复
表情 图片 链接 代码