php+ajax结合lottery.js制作的一款微信手机端九宫格抽奖实例,抽奖完成后有收货地址添加表单出现。支持可以设置中奖概率等。
奖品列表
1
2
3
![1.png](images/1.png)
4
![2.png](images/2.png)
5
![3.png](images/3.png)
6
![4.png](images/4.png)
7
8
![middle.jpg](images/middle.jpg)
9
10
![5.png](images/5.png)
11
![6.png](images/6.png)
12
![7.png](images/7.png)
13
![8.png](images/8.png)
14
15
ajax抽奖
1 $.post("ajax.php", function(data) { //获取奖品,也可以在这里判断是否登陆状态
2 if (data.prize_id != '' && data.prize_id != undefined) {
3 var prize_site = $(".lottery-" + data.prize_id).attr("data-ord");
4 $("#lottery").attr("prize_site", prize_site);
5 $("#lottery").attr("prize_id", data.prize_id);
6 $("#lottery").attr("prize_name", data.prize_name);
7 $("#lottery").attr("prize_pic", data.prize_pic);
8 if (data.code == 200) {
9 $("#lottery").attr("contact_name", data.contact_name);
10 $("#lottery").attr("contact_mobile", data.contact_mobile);
11 $("#lottery").attr("contact_addr", data.contact_addr);
12 }
13 roll();
14 click = true;
15 return false;
16 } else {
17 showlotterytip(data.error);
18 }
19
20 }, "json")
保存收货地址
1 $.post("ajax.php", {contact_name: contact_name, contact_mobile: contact_mobile, contact_addr: contact_addr}, function(data) {
2 $("#lottery_addr_box").modal('hide');
3 if (data.code == 200) {
4 $("#tip_words").html("提交成功!");
5 getmodalbox('#lottery_tip');
6 } else {
7 showlotterytip(data.error);
8 }
9 }, "json")
本文转自: 转载请注明出处!
如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!