头像

jQuery+Ajax+PHP实现无刷新“喜欢”评级功能

来源:http://school.sxbd100.com/ajax/170.html 代码交流管理员 2017-04-16浏览(839)

仿美丽说那样的“我喜欢”评级功能,当用户看到自己喜欢的图片或文章时,点击“红心”按钮,系统会自动记录用户的点击,并将总数加1。

程序员,你不是一个人;网站开发QQ群:136483411  在线充值,或联系QQ 304534221直接充值

jQuery+Ajax+PHP实现无刷新“喜欢”评级功能
分类:首页>>PHP/Mysql>>Ajax 阅读次数:840
查看演示 下载次数: 0

手机扫码访问:

下载资源 下载积分: 80

  本文基于jQuery,通过PHP与mysql实现了一个评级功能,是一个简单的非常好的ajax应用实例。

  用户点击页面中自己喜欢的图片上的红心按钮时,前端页面向后台发送一个ajax请求,后台PHP程序接收请求后,查询IP库中是否已经有该用户的点击记录,如果没有,则将对应的数值+1,同时将该用户IP信息写入IP库,反之则告诉用户已经“喜欢过了”。

  最后附上数据库信息:

CREATE TABLE `demo_06` (

  `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 AUTO_INCREMENT=1 DEFAULT CHARSET=utf8;


insert  into `demo_06`(`id`,`pic_name`,`pic_url`,`love`) values (1,'代码素材1','s1.jpg',1),(2,'代码素材1','s2.jpg',1),(3,'代码素材1','s3.jpg',0),(4,'代码素材1','s4.jpg',1);


CREATE TABLE `demo_06_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 CHECKSUM=1 DELAY_KEY_WRITE=1 ROW_FORMAT=DYNAMIC;


声明:本文为原创文章,如需转载,请注明来源school.sxbd100.com并保留原文链接:http://school.sxbd100.com/ajax/170.html
如果您觉得本文的内容对您的学习有所帮助,您可以扫描下面的二维码请我喝杯茶,感谢!
alipay转账 alipay转账 扫扫加qq群

评论(0)


温馨提示:为规范评论内容,垃圾评论一律封号...

后面还有条评论,点击查看>>