php 九宫格验证码,PHP+Ajax微信手机端九宫格抽奖实例
PHP+Ajax結合lottery.js制作的一款微信手機端九宮格抽獎實例,抽獎完成后有收貨地址添加表單出現。支持可以設置中獎概率等。
獎品列表
-
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")
總結
以上是生活随笔為你收集整理的php 九宫格验证码,PHP+Ajax微信手机端九宫格抽奖实例的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: grafana+prometheus监控
- 下一篇: web前端html怎么求最大值和最小值,