慕课网前端组件 imooc's fe component
获取优惠券弹窗组件
点击获取优惠券
使用方法
在触发获取优惠券按钮 DOM上添加 .js-moco-getcoupon
类,并在相关 JS 文件中初始化传参调用。code 如下:
<a href="javascript:void(0)" class="moco-btn moco-btn-red js-moco-getcoupon">获取优惠券</a>
moco.getCoupon.init(params); var params = { bigTitle : '恭喜您', //大标题文案 smalleTitle : '助学礼包领取成功', //小标题 api: '/getcoupon', //AJAX 接口地址 *(必填) apiData: '{uid:"1",planid:"3"}', //AJAX 传递参数 *(必填) apiType: 'POST', //AJAX请求方法,默认为POST apiCrossType: 'false', //AJAX请求是否跨域,默认不跨域(暂未测试) closeCallback: function(){} //关闭按钮 “js-moco-getcoupon-close-btn" 点击执行的回调(默认为空) ... //其他参数,可直接继承至方法中 }
名称 | 类型 | 默认值 | 描述 |
---|---|---|---|
bigTitle | string | '恭喜您' | 大标题文案 |
smalleTitle | string | '助学礼包领取成功' | 小标题 |
api | string | '' | * AJAX 接口地址(必填) |
apiData | json | '' | * AJAX 传递参数(必填) |
apiType | string | 'POST' | AJAX请求方法 |
apiCrossType | boolean | 'false' | AJAX请求是否跨域(暂只支持非跨域情况) |
closeCallback | function | '' | 关闭按钮“js-moco-getcoupon-close-btn"点击执行的回调 |
接口返回参数格式前端童鞋需让后端 严格按照 以下 JSON 参数命名返回:
{ result : 0 (成功), msg : "提示信息", data : [ "face_price" : "20", //面值 "full_reduced_price" : "100", //满减金额 "range_type" : "全部实战课程", //适用范围 "end_time" : "2016.05.02", //结束时间 "start_time" : "2016.12.10" //开始时间 ] }