公共页面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 } ?>
本文作者为55gY,转载请注明。
本站资源来自互联网收集,仅供用于学习和交流,请勿用于商业用途。如有侵权、不妥之处,请联系站长并出示版权证明以便删除。敬请谅解!