php+jQuery+Ajax实现点赞效果的方法(附源码下载)

推荐整理分享php+jQuery+Ajax实现点赞效果的方法(附源码下载)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助，希望把文章链接给更多的朋友！

本文实例讲述了php+jQuery+Ajax实现点赞效果的方法。分享给大家供大家参考，具体如下：

数据库设计

先准备两张表，pic表保存的是图片信息，包括图片对应的名称、路径以及图片“赞”总数，pic_ip则记录用户点击赞后的IP数据。

index.php

在index.php中，我们通过PHP读取pic表中的图片信息并展示出来，结合CSS，提升页面展示效果。

CSS中，我们将定义鼠标滑向和离开红心按钮的动态效果，并定位按钮的位置。

jQuery代码

当用户点击自己喜欢的图片上的红心按钮时，向后台love.php发送ajax请求，请求响应成功后，更新原有的数值

love.php

后台love.php接收前端的ajax请求，根据提交的图片id值，查找IP表中是否已有该用户ip的点击记录，如果有则告诉用户已“赞过了”，反之，则进行一下操作：

1、更新图片表中对应的图片love字段值，将数值加1。2、将该用户IP信息写入到pic_ip表中，用以防止用户重复点击。3、获取更新后的赞值，即赞该图片的用户总数，并将该总数输出给前端页面。

我上传的附件中 数据库SQL 你可以直接建立test 数据库UTF8编码的，然后把SQL文件导入进去。修改一下connect.php中数据库的连接信息即可。

源文件点击此处本站下载。

总结：

其实就是发了一个ajax请求，比如你要赞一个商品。商品表肯定有一个计数的字段。你发一个请求过去把这个字段+1

该成功了就返回一个现在的数。然后把页面改一下就成了

希望本文所述对大家php程序设计有所帮助。

WordPress用户登录框密码的隐藏与部分显示技巧 让WordPress登录页的密码框显示最后一个输入的字符在通常情况下，网页的设计者们会将密码输入框中的所有字符隐藏成黑点，以防止有人在背后偷窥输

简单了解将WordPress中的工具栏移到底部的小技巧 从WordPress3.1开始引入了工具栏的概念，当用户登录后在前台和后台的页面顶部会显示一个黑色的工具栏，通过工具栏可以快捷地新建文章、页面、媒体

WordPress中给媒体文件添加分类和标签的PHP功能实现 从WordPress后台媒体库上传的媒体文件，不像文章那样可以给它指定分类和标签，但是很多时候我们又需要这样的功能，如一些下载站、图片站等。媒体