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

公共页面con.php <?php

@mysql_connect("localhost:3306","user","password") or die("数据库连接失败");

@mysql_select_db("click") or die("数据表连接失败");

mysql_query("set names 'gbk'");

?>

提交页面index.php //调用jquery库

$(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();

}

Click Me

该部分主要运用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)){

?>

日期：<?php echo $db['date'] ?>

点击：<?php echo $db['hits'] ?>

}

?>