慕课网前端组件 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" //开始时间
]
}
