jQuery+PHP는 쇼핑몰 플랫폼에서 일반적으로 사용되는 별점 효과를 구현합니다. 이 예에서는 설명합니다. 구현 방법.
우선 표시된 회색 별 p#big_rate, 밝은 별 p#big_rate_up, 분수 범위#s 및 범위#g를 에 추가합니다. rate 프롬프트 메시지 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는 프런트 엔드에서 전송한 점수 값을 받아 쿠키를 통해 사용자 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;마지막으로 추가하는 것을 기억하세요 rate 등급표에 데이터를 추가합니다. 이 기사는 PHP 중국어 웹사이트,
php 튜토리얼 칼럼에서 가져온 것입니다. 학습을 환영합니다!
위 내용은 jQuery+PHP는 쇼핑몰에서 흔히 사용되는 별점 효과를 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!