$.ajax({
  // 獲取id，challenge，success（是否啟用failback）
  url: "../web/StartCaptchaServlet.php?t=" + (new Date()).getTime(), // 加隨機(jī)數(shù)防止緩存
  type: "get",
  dataType: "json",
  success: function (data) {
    // 使用initGeetest接口
    // 參數(shù)1：配置參數(shù)
    // 參數(shù)2：回調(diào)，回調(diào)的第一個(gè)參數(shù)驗(yàn)證碼對(duì)象，之后可以使用它做appendTo之類的事件
    initGeetest({
      gt: data.gt,
      challenge: data.challenge,
      product: "popup", // 產(chǎn)品形式，包括：float，embed，popup。注意只對(duì)PC版驗(yàn)證碼有效
      offline: !data.success // 表示用戶后臺(tái)檢測(cè)極驗(yàn)服務(wù)器是否宕機(jī)，與SDK配合，用戶一般不需要關(guān)注
    }, handlerPopup);
  }
});

// 代碼詳細(xì)說明
var handlerPopup = function (captchaObj) {
  // 注冊(cè)提交按鈕事件，比如在登陸頁面的登陸按鈕
  $("#popup-submit").click(function () {
    // 此處省略在登陸界面中，獲取登陸數(shù)據(jù)的一些步驟
    
    // 先校驗(yàn)是否點(diǎn)擊了驗(yàn)證碼
    var validate = captchaObj.getValidate();
    if (!validate) {
      alert('請(qǐng)先完成驗(yàn)證！');
      return;
    }
    // 提交驗(yàn)證碼信息，比如登陸頁面，你需要提交登陸信息，用戶名和密碼等登陸數(shù)據(jù)
    $.ajax({
      url: "../web/VerifyLoginServlet.php",
      type: "post",
      // dataType: "json",
      data: {
        // 用戶名和密碼等其他數(shù)據(jù)，自己獲取，不做演示
        username:username,
        password:password,
        // 驗(yàn)證碼數(shù)據(jù)，這些數(shù)據(jù)不用自己獲取
        // 這是二次驗(yàn)證所需的三個(gè)值
        // 當(dāng)然，你也可以直接設(shè)置驗(yàn)證碼單獨(dú)校驗(yàn)，省略其他信息
        geetest_challenge: validate.geetest_challenge,
        geetest_validate: validate.geetest_validate,
        geetest_seccode: validate.geetest_seccode
      },
      // 這里是正確返回處理結(jié)果的處理函數(shù)
      // 假設(shè)你就返回了1，2，3
      // 當(dāng)然，正常情況是返回JSON數(shù)據(jù)
      success: function (result) {
        // 1表示驗(yàn)證碼驗(yàn)證失敗
        if (result == "1") {
          alert("驗(yàn)證碼驗(yàn)證失敗！");
        }else if (result == "2") {
          alert("用戶名或密碼錯(cuò)誤！");
        }else if (result == "3") {
          alert("登陸成功！");
          // 登陸成功了，可以在這里做其他處理
        }else{
          alert("登陸錯(cuò)誤！");
        }
      }
    });
  });
  // 彈出式需要綁定觸發(fā)驗(yàn)證碼彈出按鈕
  // 比如在登陸頁面，這個(gè)觸發(fā)按鈕就是登陸按鈕
  captchaObj.bindOn("#popup-submit");
   
  // 將驗(yàn)證碼加到id為captcha的元素里
  // 驗(yàn)證碼將會(huì)在下面指定的元素中顯示出來
  captchaObj.appendTo("#popup-captcha");
   
  // 更多接口參考：http://www.geetest.com/install/sections/idx-client-sdk.html
};
　　

<?php
// 引入文件
require_once dirname(dirname(__FILE__)) . '/lib/class.geetestlib.php';
require_once dirname(dirname(__FILE__)) . '/config/config.php';
// 實(shí)例化，實(shí)例化的參數(shù)在config中配置，分別是：驗(yàn)證ID 和 驗(yàn)證Key，如何獲取下面會(huì)說。
$GtSdk = new GeetestLib(CAPTCHA_ID, PRIVATE_KEY);
session_start();
// 這個(gè)是用戶的標(biāo)識(shí)，或者說是給極驗(yàn)服務(wù)器區(qū)分的標(biāo)識(shí)，如果你項(xiàng)目沒有預(yù)先設(shè)置，可以像下面這樣設(shè)置：
if(!isset($_SESSION['user_id'])){
  $_SESSION['user_id']=uniqid();// 生成一個(gè)唯一ID
}
$user_id = $_SESSION['user_id'];
// 或者，你就直接寫成：
// $user_id = "test";
 
// 生成驗(yàn)證碼信息，并返回給客戶端
$status = $GtSdk->pre_process($user_id);
$_SESSION['gtserver'] = $status;
$_SESSION['user_id'] = $user_id;
echo $GtSdk->get_response_str();
?>
　　

<?php
// 引入文件
require_once dirname(dirname(__FILE__)) . '/lib/class.geetestlib.php';
require_once dirname(dirname(__FILE__)) . '/config/config.php';
session_start();
$GtSdk = new GeetestLib(CAPTCHA_ID, PRIVATE_KEY);
 
// 比如你設(shè)置了一個(gè)驗(yàn)證碼是否驗(yàn)證通過的標(biāo)識(shí)
$code_flag=false;
 
// 這里獲取你之前設(shè)置的user_id，傳送給極驗(yàn)服務(wù)器做校驗(yàn)
$user_id = $_SESSION['user_id'];
if ($_SESSION['gtserver'] == 1) {
  $result = $GtSdk->success_validate($_POST['geetest_challenge'], $_POST['geetest_validate'], $_POST['geetest_seccode'], $user_id);
  if ($result) {
    // 驗(yàn)證碼驗(yàn)證成功
    $code_flag=true;
  }
}else{
  if ($GtSdk->fail_validate($_POST['geetest_challenge'],$_POST['geetest_validate'],$_POST['geetest_seccode'])) {
     // 驗(yàn)證碼驗(yàn)證成功
    $code_flag=true;
  }
}
 
// 如果驗(yàn)證碼驗(yàn)證成功，再進(jìn)行其他校驗(yàn)
if($code_flag){
  // 其他驗(yàn)證操作
  // 用戶名不對(duì)時(shí)，返回2，其他錯(cuò)誤返回3，等等。。。。
}else{
  // 驗(yàn)證碼驗(yàn)證失敗，返回1，這里和上面相呼應(yīng)，當(dāng)然我的項(xiàng)目沒有簡(jiǎn)單的返回1，而是返回了JSON數(shù)據(jù)
  echo 1;
  exit(-1);
}
?>