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.png"></li>

　　

　　<li class="lottery-unit lottery-unit-1 lottery-2"><img src="images/2.png"></li>

　　

　　<li class="lottery-unit lottery-unit-2 lottery-3"><img src="images/3.png"></li>

　　

　　<li class="lottery-unit lottery-unit-7 lottery-4"><img src="images/4.png"></li>

　　

　　<li><a href="javascript:void(0);"><img src="images/middle.jpg"></a></li>

　　

　　<li class="lottery-unit lottery-unit-3 lottery-5"><img src="images/5.png"></li>

　　

　　<li class="lottery-unit lottery-unit-6 lottery-6"><img src="images/6.png"></li>

　　

　　<li class="lottery-unit lottery-unit-5 lottery-7"><img src="images/7.png"></li>

　　

　　<li class="lottery-unit lottery-unit-4 lottery-8"><img src="images/8.png"></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")