GeeTest3.0使用教程

JCAlways

已于 2024-07-03 16:02:24 修改

阅读量429

点赞数 9

文章标签：前端

于 2024-07-03 14:48:26 首次发布

本文链接：https://blog.csdn.net/qq_43083869/article/details/140152059

版权

官方网站

前端

准备工作：确保已经在极验用户后台获取到了 captchaId

配置参数

1.引入初始化函数

<script src="https://static.geetest.com/static/js/gt.0.4.9.js"></script>

2.初始化

<div id="captcha"></div>

ajax({
  url: "API1接口（详见服务端部署）",
  type: "get",
  dataType: "json",
  success: function (data) {
    //请检测data的数据结构， 保证data.gt, data.challenge, data.success有值
    initGeetest(
      {
        // 以下配置参数来自服务端 SDK
        gt: data.gt,
        challenge: data.challenge,
        offline: !data.success,
        new_captcha: true,
      },
      function (captchaObj) {
        captchaObj.appendTo("#captcha");
      }
    );
  },
});

3.二次验证

initGeetest(
  {
    // 省略配置参数
  },
  function (captchaObj) {
    // 省略其他方法的调用
    captchaObj.onSuccess(function () {
      var result = captchaObj.getValidate();
      // ajax 伪代码
      $.ajax({
        url: "服务端",
        data: result,
        dataType: "json",
        success: function (res) {
          console.log(res.result);
        },
      });
    });
  }
);