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

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

数据库设计 @H_404_4@先准备两张表，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 @H_404_4@在index.PHP中，我们通过PHP读取pic表中的图片信息并展示出来，结合CSS，提升页面展示效果。 代码如下

<Meta charset="utf-8"> <Meta name="keywords" content="jquery"> <Meta name="description" content="">