文档章节

PHP+Ajax微信手机端九宫格抽奖实例

ymkjs1990
 ymkjs1990
发布于 08/18 11:05
字数 361
阅读 8
收藏 0

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")

本文转载自:https://www.sucaihuo.com/php/519.html

ymkjs1990
粉丝 0
博文 11
码字总数 0
作品 0
河源
私信 提问
九宫格抽奖活动

[项目描述] 九宫格是一种抽奖活动类型,本项目要求开发一套界面美观,配置灵活,逻辑严谨的九宫格抽奖活动,可用于微信公众号营销。基本要求如下: 1. 抽奖活动的项目可通过页面配置,包括奖...

Jeecg
2015/11/12
45
0
wx-jq:一套完全原创的微信小程序插件集合库

wx-jq (一套完全原创的微信小程序插件集合库) 微信小程序插件,微信小程序组件,微信小程序插件集合,微信小程序组件集合,微信小程序插件学习,微信小程序插件开发, 在线演示: 下载地址...

透笔度
2018/01/25
5.4K
4
透笔度/wx-jq

wx-jq (一套完全原创的微信小程序插件集合库) 微信小程序插件,微信小程序组件,微信小程序插件集合,微信小程序组件集合,微信小程序插件学习,微信小程序插件开发, 查看效果截图: http...

透笔度
2018/01/26
0
0
Rattenking/LuckDraw

@file H5转盘抽奖插件 @author 梁亚军 1148063373@qq.com 2018.11.15 luckDraw.js 文件参数说明 DEMO地址 转盘抽奖指针旋转DEMO预览 转盘抽奖转盘旋转DEMO预览 九宫格抽奖DEMO预览 插件效果图...

Rattenking
03/02
0
0
H5活动之家平台,开启国庆双十一福利,活动全免费

H5活动之家,国内最大的微信活动平台,开启国庆双十一福利,平台开放活动全部免费,不限制参与人数、不限并发、不限流量,不限活动数量。免注册扫描登录h5huodong.com(各种微信活动:微信砍...

Jeecg
2018/09/29
99
0

没有更多内容

加载失败,请刷新页面

加载更多

反编译9.png图片还原

本文链接:https://blog.csdn.net/a1140778530/article/details/10528507 经常反编译apk文件找资源,9.png的文件处理起来很麻烦。 最近使用Ant自动编译打包app时,从别处搜罗来的9.png文件导...

shzwork
25分钟前
6
0
Shell脚本应用 – for、while循环语句

一、for循环语句 在实际工作中,经常会遇到某项任务需要多次执行的情况,而每次执行时仅仅是处理的对象不一样,其他命令相同。例如:根据通讯录中的姓名列表创建系统账号等情况。 当面对各种...

linux-tao
25分钟前
5
0
RPA风潮下企业财务工作模式的变革

RPA(机器人流程自动化)在财务领域的应用,正给企业财务带来前所未有的改变。 前RPA时代,财务领域面临的痛点 在RPA机器人应用之前,企业财务工作进程的推进,主要通过财务人员人工操作或信...

UiBot
30分钟前
5
0
Hive之命令行修改表注释

最近遇到一个需求,在不重建表的情况下,修改表的注释,hive有没有类似关系型数据库的SQL命令来修改呢,找了下,亲测有效,如下List-1 List-1 hive>use your_schemahvie>ALTER TABLE tabl...

克虏伯
31分钟前
5
0
是什么,它的作用是什么

在HTML文档的首部往往会有这么一句话<!DOCTYPE html>,许多时候我们忽视了它的存在,它实际上是一个声明,告诉浏览器用哪种HTML版本的规范来解读HTML文档。 尽管我们不给出这句声明浏览器照样...

前端老手
36分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部