기사 무드 투표 기능을 구현한 PHP+Ajax의 예입니다. Ajax를 통해 무드 아이콘 및 히스토그램 관련 데이터를 얻는 기본 투표 프로세스를 배우고 이해할 수 있습니다. 사용자가 클릭하면 무드 아이콘 중 하나가 표시되면 Ajax.php로 요청이 전송됩니다. PHP는 반복 제출을 방지하기 위해 사용자 쿠키를 확인한 다음 mysql의 해당 데이터 무드 필드 내용에 1을 추가합니다. 프런트엔드 페이지로 돌아가서 히스토그램과 통계 데이터를 업데이트합니다.
분위기 게시:
$id = (int)$_POST['id']; //文章或帖子id $mid = (int)$_POST['moodid']; //心情id(配置文件中提供8种心情) if(!$mid || !$id){ echo "此链接不存在";exit; } $havemood = chk_mood($id); //验证cookie if($havemood==1){ echo "您已经表达过心情了,保持平常心有益身心健康!";exit; } $field = 'mood'.$mid; //数据表中的心情字段,分别用mood0,mood1,mood2...表示不同的心情字段 $query = mysql_query("update mood set ".$field."=".$field."+1 where id=".$id); //对应的心情字段值+1 if($query){ setcookie("mood".$id, $mid.$id, time()+300); //设置cookie,为了测试我们设置cookie过期时间为300s $query2 = mysql_query("select * from mood where id=$id"); $rs = mysql_fetch_array($query2);//获取该文章的心情数据 $total = $rs['mood0']+$rs['mood1']+$rs['mood2']+$rs['mood3']+$rs['mood4']+$rs['mood5']+ $rs['mood6']+$rs['mood7']; $height = round(($rs[$field]/$total)*$moodpicheight); //得到总量,并计算当前对应心情的柱状图的高度 echo $height; //返回当前心情柱状的高度 }else{ echo -1; //数据出错 }
분위기 가져오기:
$mname = explode(',',$moodname);//心情说明 $num = count($mname); $mpic = explode(',',$moodpic);//心情图标 $id = (int)$_GET['id']; //文章或帖子id $query = mysql_query("select * from mood where id=$id"); //查询对应的心情数据 $rs = mysql_fetch_array($query); if($rs){ //得到发表心情的总量 $total = $rs['mood0']+$rs['mood1']+$rs['mood2']+$rs['mood3']+$rs['mood4']+ $rs['mood5']+$rs['mood6']+$rs['mood7']; for($i=0;$i<$num;$i++){ $field = 'mood'.$i; //字段名 $m_val = intval($rs[$field]); //心情对应的值(次数) $height = 0; //柱图高度 if($total && $m_val){ $height=round(($m_val/$total)*$moodpicheight); //计算高度 } $arr[] = array( 'mid' => $i, //对应心情id 'mood_name' => $mname[$i], //心情名称 'mood_pic' => $mpic[$i], //图标 'mood_val' => $m_val, //次数 'height' => $height //柱状图高度 ); } echo json_encode($arr); //返回JSON数据 }
분위기 목록 정보 가져오기 , 페이지에 표시됨:
$(function(){ $.ajax({ type: 'GET', //通过get方式发送请求 url: 'ajax.php', //目标地址 cache: false, //不缓存数据,注意文明发表心情的数据是实时的,需将cache设置为false,默认是true data: 'id=1', //参数,对应文章或帖子的id,本例中固定为1,实际应用中是获取当前文章或帖子的id dataType: 'json', //数据类型为json error: function(){ alert('出错了!'); }, success: function(json){ //请求成功后 if(json){ $.each(json,function(index,array){ //遍历json数据列 var str = "<li><span>"+array['mood_val']+"</span><div class=\"pillar\" style=\"height:"+array['height']+"px;\"></div><div class=\"face\" rel=\""+array['mid']+"\"><img src=\"images/"+array['mood_pic']+"\" alt="PHP+Ajax는 기사 기분 투표 기능을 구현합니다(코드 예)." > <br/>"+array['mood_name']+"</div></li>"; $("#mood ul").append(str); //将数据加入到#mood ul列表中 }); } } }); ... });
데이터베이스 테이블을 생성하려면 다음 코드를 직접 실행하세요.
CREATE TABLE IF NOT EXISTS `mood` ( `id` int(11) NOT NULL, `mood0` int(11) NOT NULL DEFAULT '0', `mood1` int(11) NOT NULL DEFAULT '0', `mood2` int(11) NOT NULL DEFAULT '0', `mood3` int(11) NOT NULL DEFAULT '0', `mood4` int(11) NOT NULL DEFAULT '0', `mood5` int(11) NOT NULL DEFAULT '0', `mood6` int(11) NOT NULL DEFAULT '0', `mood7` int(11) NOT NULL DEFAULT '0', PRIMARY KEY (`id`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8; INSERT INTO `mood` (`id`, `mood0`, `mood1`, `mood2`, `mood3`, `mood4`, `mood5`, `mood6`, `mood7`) VALUES(1, 8, 6, 20, 16, 6, 9, 15, 21);
더 많은 관련 PHP 지식을 보려면 php를 방문하세요. 튜토리얼!
위 내용은 PHP+Ajax는 기사 기분 투표 기능을 구현합니다(코드 예).의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!