jQuery+Ajax+PHP“喜欢”评级功能实现代码

前端之家收集整理的这篇文章主要介绍了jQuery+Ajax+PHP“喜欢”评级功能实现代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

文章来给大家介绍一个jQuery+Ajax+PHP实现“喜欢”评级功能代码用户点击页面中自己喜欢的图片上的红心按钮时,前端页面后台发送一个ajax请求,后台PHP程序接收请求后,查询IP库中是否已经有该用户的点击记录,如果没有,则将对应的数值+1,同时将该用户IP信息写入IP库,反之则告诉用户已经“喜欢过了”。

数据库设计

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

sql;"> CREATE TABLE IF NOT EXISTS `pic` ( `id` int(11) NOT NULL AUTO_INCREMENT,`pic_name` varchar(60) NOT NULL,`pic_url` varchar(60) NOT NULL,`love` int(11) NOT NULL DEFAULT '0',PRIMARY KEY (`id`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8;
sql;"> CREATE TABLE IF NOT EXISTS `pic_ip` ( `id` int(11) NOT NULL AUTO_INCREMENT,`pic_id` int(11) NOT NULL,`ip` varchar(40) NOT NULL,PRIMARY KEY (`id`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8

index.PHP

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

<Meta charset="utf-8"> <Meta name="keywords" content="jquery"> <Meta name="description" content=""> jQuery+Ajax+<a href="https://www.jb51.cc/tag/PHP/" target="_blank" class="keywords">PHP</a>实现"喜欢"评级