PHP+Ajax+lottery.js抽奖

PHP+Ajax+lottery.js抽奖

　　想用PHP来做一个抽奖的`页面？下面是由百分网小编为大家整理的PHP+Ajax+lottery.js抽奖整个流程，喜欢的可以收藏一下！了解更多详情资讯，请关注应届毕业生考试网！　　　　其代码如下：　　　　奖品列表　　　　<div class="lottery_list clearfix" id="lottery">　　　　<ul>　　　　<li class="lottery-unit lottery-unit-0 lottery-1"><img src="images/1.webp"></li>　　　　<li class="lottery-unit lottery-unit-1 lottery-2"><img src="images/2.webp"></li>　　　　<li class="lottery-unit lottery-unit-2 lottery-3"><img src="images/3.webp"></li>　　　　<li class="lottery-unit lottery-unit-7 lottery-4"><img src="images/4.webp"></li>　　　　<li><a href="javascript:void(0);"><img src="images/middle.webp"></a></li>　　　　<li class="lottery-unit lottery-unit-3 lottery-5"><img src="images/5.webp"></li>　　　　<li class="lottery-unit lottery-unit-6 lottery-6"><img src="images/6.webp"></li>　　　　<li class="lottery-unit lottery-unit-5 lottery-7"><img src="images/7.webp"></li>　　　　<li class="lottery-unit lottery-unit-4 lottery-8"><img src="images/8.webp"></li>　　　　</ul>　　　　</div>　　　　Ajax抽奖　　　　$.post("ajax.php", function(data) { //获取奖品，也可以在这里判断是否登陆状态　　　　if (data.prize_id != '' && data.prize_id != undefined) {　　　　var prize_site = $(".lottery-" + data.prize_id).attr("data-ord");　　　　$("#lottery").attr("prize_site", prize_site);　　　　$("#lottery").attr("prize_id", data.prize_id);　　　　$("#lottery").attr("prize_name", data.prize_name);　　　　$("#lottery").attr("prize_pic", data.prize_pic);　　　　if (data.code == 200) {　　　　$("#lottery").attr("contact_name", data.contact_name);　　　　$("#lottery").attr("contact_mobile", data.contact_mobile);　　　　$("#lottery").attr("contact_addr", data.contact_addr);　　　　}　　　　roll();　　　　click = true;　　　　return false;　　　　} else {　　　　showLotteryTip(data.error);　　　　}　　　　}, "json")　　　　保存收奖地址　　　　$.post("ajax.php", {contact_name: contact_name, contact_mobile: contact_mobile, contact_addr: contact_addr}, function(data) {　　　　$("#lottery_addr_box").modal('hide');　　　　if (data.code == 200) {　　　　$("#tip_words").html("提交成功！");　　　　getModalBox('#lottery_tip');　　　　} else {　　　　showLotteryTip(data.error);　　　　}　　　　}, "json")