zhangxy1035
commented
6 years ago 对的 ，只是集成了后端代码，前台的代码无非就是调用这个接口。。
Open ning8341 opened 6 years ago
zhangxy1035
commented
6 years ago 对的 ，只是集成了后端代码，前台的代码无非就是调用这个接口。。
弹出式验证码实现方式 //集成极验开始 function initValidation() { $.ajax({ url: "${ctx}/portal/beforeVerify?t=" + (new Date()).getTime(), // 加随机数防止缓存 type: "get", dataType: "json", success: function (data) { // 使用initGeetest接口 // 参数1：配置参数 // 参数2：回调，回调的第一个参数验证码对象，之后可以使用它做appendTo之类的事件 initGeetest({ gt: data.gt, challenge: data.challenge, product: "popup", // 产品形式，包括：float，embed，popup。注意只对PC版验证码有效 offline: !data.success // 表示用户后台检测极验服务器是否宕机，一般不需要关注 // 更多配置参数请参见：http://www.geetest.com/install/sections/idx-client-sdk.html#config }, handlerPopup); } }); } //图形验证码core var handlerPopup = function (captchaObj) { // 成功的回调，通俗的就是验证码核验通过开始调用的方法 captchaObj.onSuccess(function () { var validate = captchaObj.getValidate(); var phone = $('input[name="phone"]').val(); $.ajax({ url: "${ctx}/portal/afterVerify", // 验证 type: "post", dataType: "json", data: { phone:phone, geetest_challenge: validate.geetest_challenge, geetest_validate: validate.geetest_validate, geetest_seccode: validate.geetest_seccode }, success: function (data) { if(data.msg=="success"){
// 验证码通过后的逻辑 } } }); }); $(".get-verify-code").click(function () { //your code 点击弹出验证码 } }); // 将验证码加到id为captcha的元素里 captchaObj.appendTo("#popup-captcha"); //去掉极验证的推广 $('.gt_logo_button').hide(); $('.gt_help_button').hide(); // 更多接口参考：http://www.geetest.com/install/sections/idx-client-sdk.html }; //集成极验结束