<script src="http://code.jquery.com/jquery-1.12.3.min.js"></script> <script src="http://static.geetest.com/static/tools/gt.js"></script>

<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script> <script src="https://static.geetest.com/static/tools/gt.js"></script>

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

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