//引入jquery.js

//引入jquery.cookie.js

//点击数存进本地缓存

$(".img").click(function () {

var img_click_num = $.cookie("img_click_num") || 0;

$.cookie("img_click_num",Number(img_click_num)+1,{expires:30});

})

//ajax提交点击数

var setImgClickNum = function(num) {

$.ajax({

url : setImgClickNum.php,

type : 'POST',

data : {num : num},

dataType : 'JSON',

success : function(msg) {

if(msg.status == 1) {

var img_click_num = $.cookie("img_click_num");

$.cookie("img_click_num",img_click_num - num ,{expires:30});

}

}

})

}

//定时提交

//一分钟检查一次

setInterval(function(){

var img_click_num = $.cookie("img_click_num") || 0;

img_click_num > 0 && setImgClickNum();

},1000*60)//原生写法

//PHP接口

//setImgClickNum.php

$num = $_POST['num'];

!is_int($num) && exit(json_encode(array('status'=>-1,'info'=>'参数不正确')));

$sql = "insert into tableName (`clicknums`) values ($num)";

$res = mysql_query($sql,$dbname);

$res ? exit(json_encode(array('status'=>1,'info'=>'提交成功'))) :

exit(json_encode(array('status'=>0,'info'=>'提交失败')));

//代码就这么多,专门给你写的,你有礼貌,我就愿意闲着给你写下,你谢谢都没有,再闲一个字都不想给你动。

//这地方用了异步定时每分钟提交方式,优点在于不用每点击一次就提交一次,增大服务器压力,当然你可以把定时器时间设更长点。

//js使用了本地缓存到cookie,没有使用全局变量,优点在于防止全局污染,其次防止多次点击后,立即刷新页面或者关闭跳转页面导致来不及提交。

//js部分的这一句$.cookie("img_click_num",img_click_num - num ,{expires:30});很关键,为什么不重新置为0,可以想一想,肯定是为了防止用户恰好在异步提交的时候又有点击动作,那么在提交成功后,就会清除这一部分的数据,保证数据同步性。

//接口没使用框架,原生的一个思路,具体根据你的业务要求去实现就可以了。如果跨域就使用jsonp。当然服务器端也可以先用缓存,最后定时异步写入数据库是最好,如果数据量不大,直接写库也无所谓了。

php实现点击+1,ajax+php怎么实现点击图片一次 点击数据库字段加1,要代码相关推荐

  1. WP博客ajax,WordPress文章点击统计ajax版,兼容wp super cache缓存代码及插件

    自从陌小雨博客历经文章阅读数数次清零后,陌小雨对这个文章浏览数也不是很在意了,这也就是所谓的破罐子破摔吧,但自从陌小雨前段时间再启用 wp super cache 纯缓存代码后,陌小雨觉得还是有必要把 ...

  2. 【Ajax+】爬去今日头条图片

    文章目录 使用Ajax爬去今日头条街拍图片 Ajax背景了解 目的:爬去今日头条街拍图片 思路分析 F12获取相关数据 代码 结果 使用Ajax爬去今日头条街拍图片 Ajax背景了解 Ajax ,全称 ...

  3. 简单爬虫Ajax数据爬取——今日头条图片爬取

    一.Ajax简介 什么是Ajax? Ajax 即"Asynchronous Javascript And XML"(异步 JavaScript 和 XML),是指一种创建交互式网页 ...

  4. 判断鼠标点击在div外时,更改背景图片

    学习起步时,本人试着在web端界面上仿照qq客户端主菜单,做出了一个界面. 当做到qq主菜单的搜索框时,发现点击搜索框后,里面的背景图片会消失,如下面2张图所示:      点击前           ...

  5. 【Flutter】Flutter 手势交互 ( 点击事件处理 | 点击 onTap | 双击 | 长按 onLongPress | 点击取消 | 按下 onTapDown | 抬起 onTapUp )

    文章目录 一.Flutter 点击事件处理 二.GestureDetector 常用事件说明 三.完整代码示例 四.相关资源 一.Flutter 点击事件处理 Flutter 点击事件处理的组件是 G ...

  6. 神策数据上线“点击分析”,深度感知用户点击行为

    下雨天,雨滴落在湖面形成涟漪,雨滴落下位置.大小.速度不同,且涟漪之间相互影响,让湖面呈现不同的形状--这如同访客点击网站页面,页面上元素(如按钮.图片等)的位置.元素之间的交叉影响都会造成不同的访问 ...

  7. 154在屏幕中绘图时设置透明度(扩展知识:为图片视图添加点击手势识别器,来实现点击事件操作)...

    一张图片,通过混合模式绘制后,能得到不同效果的图片. 这里的示例仅是测试效果:实际上可以通过不同程度的混合模式绘制,来得到符合需求的效果. 效果如下: ViewController.h 1 #impo ...

  8. linux设置脚本运行时间_手机自动点击器,录制手势自动点击,可设置运行时间...

    熊猫点击助手app是一款可以按照设定程序自动点手机击屏的自动点击工具,设置好参数之后就可以进行模拟连续点击,一般该软件常用于游戏当中.一般像模拟经营类的游戏呢,刷资源的时候需要重复点击一个或者几个地方 ...

  9. php点击按钮变文字,点击按钮文字变成input框,点击保存变成文字的实现

    下面为大家带来一篇点击按钮文字变成input框,点击保存变成文字的实现代码.内容挺不错的,现在分享给大家,也给大家做个参考. 点击按钮文字变成input框,点击保存变成文字的实现代码 点击按钮文字变成 ...

最新文章

  1. Office 2016 for Mac 15.24已推送至Office Insider慢速更新通道
  2. Android架构纵横谈之二—基于性能的考虑(1)
  3. 《敏捷迭代开发:管理者指南》—第2章2.14节推荐读物
  4. 本科生怎样发表论文?
  5. python class函数报错_Python 的函数是第一类 First-Class 对象
  6. sql分区-纵向分表与横向分区表(转)
  7. python魅力_魅力python------if - else 语句
  8. 事件EVENT与waitforsingleobject的使用以及Mutex与Event的区别
  9. oppo升级android,OPPO Real R807升级Android4.0教程
  10. 【GIT】搭建git项目
  11. 泰坦尼克号幸存者预测
  12. 从堂兄平淡人生看人生价值的实现---有感于堂兄54岁成为家乡新闻人物
  13. 【odroid-xu3】 ODROID-XU3硬件连接和烧写过程
  14. 使用WPF与C#实现鼠标画线
  15. 弘辽科技:淘宝宝贝上下架有哪些规则?该如何优化?
  16. iOS常用开发工具及第三方框架
  17. python表达式_Python-计算字符串中的数学表达式
  18. 台湾精锐APEX行星减速机直齿轮和斜齿轮有什么区别?如何选择?
  19. Java管理扩展JMX入门学习
  20. 对于传统教育和线上教育的思考

热门文章

  1. Java_输入输出(Scanner)
  2. FPGA极速入门(持续更新)
  3. 网络工程师笔记——安全攻击类型
  4. jenkin swindows启动,在Windows上启动/停止并重新启动Jenkins服务
  5. Python如何给矩阵加行或列?
  6. Android之紧急拨号的处理
  7. android面试手册
  8. IMAX B6充电器使用说明
  9. 华为 linux 重启命令,华为服务器重启管理口
  10. windowns11系统下安装Proteus_8.7教程