介绍 & lt; ! DOCTYPE HTML>
& lt; html>
& lt; head>
& lt; meta charset=皍tf-8"祝辞
& lt; title>基于THINKPHP5实现红蓝投票功能& lt;/title>
& lt; style 类型=拔谋?css"比;
.vote才能{宽度:288 px;,身高:300 px;,保证金:40 px 汽车;位置:相对}
.votetitle才能{宽度:100%;高度:62 px;,背景:url(/静态/索引/图片/程序),no-repeat 0, 30 px;,字体大小:15 px}
r才能{:绝对;,左:0;,最高:64 px;,身高:80 px;}
.blue才能{:绝对;,右:0;,最高:64 px;,身高:80 px;}
.blue .red 才能;p, p{行高:22 px}
.redhand才能{:绝对;,左:0;宽度:36 px;,高度:36 px;,背景:url(/静态/索引/图片/程序),no-repeat 1 px -38 px;游标:指针}
.bluehand才能{:绝对;,右:0;宽度:36 px;,高度:36 px;,背景:url(/静态/索引/图片/程序),no-repeat -41 px -38 px;游标:指针}
.grayhand才能{宽度:34 px;,高度:34 px;,背景:url(/静态/索引/图片/程序),no-repeat -83 px -38 px;游标:指针}
.redbar才能{:绝对;,左:42 px;, margin-top: 8 px;}
.bluebar才能{:绝对;,右:42 px;, margin-top: 8 px;,}
.redbar 才能跨越{显示:块;,高度:6 px;,背景:红色;,宽度:100%;border - radius: 4 px;}
.bluebar 才能跨越{显示:块;,高度:6 px;,背景:# 09年f;,宽度:100%;border - radius: 4 px;,位置:绝对的,,右:0}
.redbar 才能;p{行高:20 px;,颜色:红色;}
.bluebar 才能;p{行高:20 px;,颜色:# 09年f;, text-align:正确的;,margin-top: 6 px}
& lt;/style>
& lt; script 类型=拔谋?javascript", src=?静态/索引/js/jquery.js"祝辞& lt;/script>
& lt; script 类型=拔谋?javascript"比;
$(函数(){//,才能获取初始数据
getdata才能(& # 39;& # 39;1);
美元才能“.redhand" .click(函数(){
,,,getdata (“red", 1);
,,});
美元才能“.bluehand" .click(函数(){
,,,getdata (“blue", 1);
,,});
});
function getdata(类型,vid) {
. ajax({美元才能
,,,url:“{: url(& # 39;/索引/票/投票# 39;)}“,
,,,数据:{类型:类型,vid: vid},
,,类型:& # 39;文章# 39;
,,,数据类型:& # 39;json # 39;
,,,成功:function (res), {
,,,,console.log (res)
,,,,if (res.status ==, 0), {
,,,,,,警报(& # 39;投票成功& # 39;)
,,,,,,var w =, 208;
,,,,,美元(“# red_num") . html (res.msg.rednum);
,,,,,(“# red")美元。css (“width" res.msg.red_percent * 100 +“%”);
,,,,,var red_bar_w =, w * res.msg.red_percent-10;
,,,,,(“# red_bar")美元。css (“width" red_bar_w);
,,,,,美元(“# blue_num") . html (res.msg.bluenum);
,,,,,(“# blue")美元。css (“width" res.msg.blue_percent * 100 +“%”);
,,,,,var blue_bar_w =, w * res.msg.blue_percent;
,,,,,(“# blue_bar")美元。css (“width" blue_bar_w);
,,,,其他}{
,,,,,,警报(& # 39;投票失败& # 39;);
,,,,}
,,}
,,});
}
& lt;/script>
& lt;/head>
& lt; body>
& lt; div id=癿ain"祝辞
& lt;才能h3 类=皌op_title"祝辞& lt; a href=?/www.jb51.net/article/71504.htm"祝辞ThinkPHP5 + jQuery + MySql实现红蓝投票功能& lt;/a> & lt;/h3>
& lt;才能div 类=皏ote"比;
,,,& lt; div 类=皏otetitle"在您对Thinkphp5的看法? & lt;/div>
,,,& lt; div 类=皉ed", id=皉ed"比;
,,,,,& lt; p>非常实用& lt;/p>
,,,,,& lt; div 类=皉edhand"祝辞& lt;/div>
,,,,,& lt; div 类=皉edbar", id=皉ed_bar"比;
,,,,,,,& lt; span> & lt;/span>
,,,,,,,& lt; p id=皉ed_num"祝辞& lt;/p>
,,,,,& lt;/div>
,,,& lt;/div>
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
怎么在ThinkPHP5中使用jQuery和MySql实现投票功能?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
前端代码:
