报名问卷组件

Mudu.Room.Signup 报名问卷组件

获取报名问卷配置

Mudu.Init(41988, function () {
    console.log('Mudu Web Sdk 初始化成功')

    // 获取当前频道正在使用的问卷数据， 需要在频道初始化完成后调用
    Mudu.Room.Signup.GetUsingSignup(function(dataStr){
        // data 数据结果如下表所示
        var data = JSON.parse(dataStr); 
    });

    // 监听问卷的使用状态变更， 需要在频道初始化完成后调用
    Mudu.MsgBus.On('Signup.Status.Change', function(dataStr) {
        var data = JSON.parse(dataStr);
        console.log(data.status); // boolean 启用或关闭问卷
        console.log(data.position); // number 0表示内置问卷；1表示前置问卷
        console.log(data.question_id); // string 问卷的id

        // 根据业务逻辑决定是否重新调用Mudu.Room.Signup.GetUsingSignup方法 或者关闭问卷的弹窗
    });
  }
)

data 数据结构说明

signupItem 数据结构说明

formItem 数据结构说明

手机短信验证

操作流程如下

• 初始化 智能人机校验 模块
• 校验成功后，获取到token、sessionId、sig参数
• 使用上述参数在内的数据 调用发送短信接口

智能人机校验

Mudu.Room.Signup.InitCaptcha({
    //声明智能验证需要渲染的目标元素ID。
    renderTo: '#sc',
    //智能验证组件的宽度。
    width: 300,
    //智能验证组件的高度。
    height: 42,
    //前端智能验证通过时会触发该回调参数。您可以在该回调参数中将请求标识（token）、会话ID（sessionid）、签名串（sig）字段记录下来，随业务请求一同发送至您的服务端调用验签。
    success: function(data) {
        // 以下数据是发送短信接口必须的参数
        console.log(data.token);
        console.log(data.sessionId);
        console.log(data.sig);
    },
    fail: function() {
        // 可以在这里调用ResetCaptcha方法进行重置
        console.log('ic error');
    },
    isH5: false, // 非必须 boolean 是否为H5应用，已默认自动检测，也可手动指定
})

发送问卷的手机验证码

注: 发送短信接口每个页面1分钟内只能调用一次, 且发送短信会产生相应的费用

Mudu.Room.Signup.SendSmsRequest({
        signupId: 'xxx', // 必须 string 当前问卷的question_id
        sig, sessionId, token, // 必须 string 人机智能验证成功回调的数据，见上一步success方法
        phone_number, // 必须 string 手机号码
        isH5: false, // 非必须 boolean 是否为H5应用，已默认自动检测，也可手动指定
    },function (response) {
        // response中 错误码见页面底部
        response = JSON.parse(response)
        console.log(response)
    }
)

重置人机智能验证

// 必须在Mudu.Room.Singup.InitCaptcha方法调用后才能使用
// 使用场景如：表单校验失败后，需要重新进行校验的场景
Mudu.Room.Signup.ResetCaptcha();

提交报名表单

// 提交表单数据
Mudu.Room.Signup.SubmitSingup({
        code: '8909', // 必须 string 手机验证码，若无，则为空字符串 
        signupId: 'dfzvda', // 必须 string 问卷id 
        columns: [ // 必须 columns为question及其答案数组
            {type: 'phone', 'name': '手机号', text: '18099998888'},
            {type: 'nickname', 'name': '姓名', text: '目睹君'},
            {type: 'privacyPolicy', 'name': '隐私政策', text: '1'},
            {type: 'question', 'name': '你喜欢听哪些歌手', selects: ['A', 'B', 'D'], text: 'Coldplay' }
        ],
    }, function (response) {
        // response 中对应的错误码见页面底部
        response = JSON.parse(response)
        console.log(response)
    }
)

提交表单时columns item 数据结构说明

errcode 错误码列表