jQuery+PHP实现购物商城常用的星级评分效果
导读:收集整理的这篇文章主要介绍了jQuery+PHP实现购物商城常用的星级评分效果,觉得挺不错的,现在分享给大家,也给大家做个参考。jquery+PHP实现购物商城常用的星级评分效果,我们在商城平台购买商品后,会有个评分功能,本实例就来说说实现...
收集整理的这篇文章主要介绍了jQuery+PHP实现购物商城常用的星级评分效果,觉得挺不错的,现在分享给大家,也给大家做个参考。jquery+PHP实现购物商城常用的星级评分效果,我们在商城平台购买商品后,会有个评分功能,本实例就来说说实现方法。
首先我们在.rate里面加入显示的灰星星p#Big_rate、亮星星p#big_rate_up、分数span#s及span#g和提示信息p#my_rate。
接着我们写一个获取评分的方法get_rate() :
function get_rate(rate) { rate = rate.toString(); VAR s; var g; $("#g").show(); if (rate.length > = 3) { s = 10; g = 0; $("#g").hide(); } else if (rate == "0") { s = 0; g = 0; } else { s = rate.substr(0, 1); g = rate.substr(1, 1); } $("#s").text(s); $("#g").text("." + g); $(".big_rate_up").aniMATE({ width: (parseint(s) + parseInt(g) / 10) * 14, height: 26 } , 1000); $(".big_rate span").each(function() { $(this).mouseover(function() { $(".big_rate_up").width($(this).attr("rate") * 14); $("#s").text($(this).attr("rate")); $("#g").text(""); } ).click(function() { var score = $(this).attr("rate"); $("#my_rate").htML("您的评分:span> " + score + "/span> "); $.ajax({ tyPE: "POST", url: "ajax.php", data: "score=" + score, success: function(msg) { //alert(msg); if (msg == 1) { $("#my_rate").html("span> 您已经评过分了!/span> "); } else if (msg == 2) { $("#my_rate").html("span> 您评过分了!/span> "); } else { get_rate(msg); } } } ); } ) } ) $(".big_rate").mouseout(function() { $("#s").text(s); $("#g").text("." + g); $(".big_rate_up").width((parseInt(s) + parseInt(g) / 10) * 14); } ) }
然后直接调用该方法即可:
get_rate(?php echo $aver; ?> );
ajax.php接收前端发送过来的分数值,通过cookie判断用户IP和评分时间,防止重复评分。
$score = $_POST['score']; if (isset($score)) { $cookiestr = getip(); $time = time(); if (isset($_COOKIE['person']) & & $_COOKIE['person'] == $cookiestr) { echo "1"; } elseif (isset($_COOKIE['rate_time']) & & ($time - intval($_COOKIE['rate_time'])) 60) { echo "2"; } else { $query = mysql_query("update raty set voter=voter+1,total=total+'$score' where id=1"); $query = MySQL_query("select * From raty where id=1"); $rs = mysql_fetch_array($query); $aver = 0; if ($rs) { $aver = $rs['total'] / $rs['voter']; $aver = round($aver, 1) * 10; } //设置COOKIE setcookie("person", $cookiestr, time() + 3600 * 365); setcookie("rate_time", time(), time() + 3600 * 365); echo $aver; } }
raty表结构:
CREATE TABLE IF NOT EXISTS `raty` ( `id` int(11) NOT NULL auto_increment, `voter` int(10) NOT NULL default '0' COMMENT '评分次数', `total` int(11) NOT NULL default '0' COMMENT '总分', Primary KEY (`id`) ) ENginE=MyISAM DEFAULT CHARSET=utf8;
最后记得在raty评分表里面加一条数据。
本文来自,php教程栏目,欢迎学习!
以上就是jQuery+PHP实现购物商城常用的星级评分效果的详细内容,更多请关注其它相关文章!
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: jQuery+PHP实现购物商城常用的星级评分效果
本文地址: https://pptw.com/jishu/596052.html