Google recaptcha:如何访问回复

时间:2016-12-19 09:51:29

标签: javascript jquery ajax recaptcha

对于HTML部分,我有谷歌REcaptcha小部件,如下所示

<form id="test" action="?" method="POST>

        <div style="width: 298px!important;margin-left:-1px;" class="g-recaptcha" data-sitekey="6Lf2_Q4UAAAAAOf0NDqKDpEHncrFuKBRuw5bJfSO"></div>

     <input type="submit" type="button" id="signin-button" class="signin-button" value="Login" />
      </form>

当用户点击提交按钮时,它应该运行一点Ajax函数并查看结果是否为true然后页面应该重定向到其他位置,否则它应该保持不变并显示错误消息。

我下面有我的ajax代码,我差不多完成了这个功能,但是我不知道如何获得该字段的响应值。

 $("#signinform").on('submit', function(e) {

                var ReCaptchaDetail = {
                        secret: "6Lf2_Q4UAAAAAOf0NDqKDpEHncrFuKBRuw5bJfSO",
                        response : $("#recaptcha-token").attr("value"),
                        //can't get the response value
                        //remoteip: , //optional

                    };

                console.log(ReCaptchaDetail)

                $.ajax({
                        url: 'https://www.google.com/recaptcha/api/siteverify',//getting the goggle api
                        data: JSON.stringify(ReCaptchaDetail),
                        type: 'POST',
                         contentType: "application/json; charset=utf-8", //must decode
                         dataType: "json", //must define data type

                         success: function(data){ 

                            console.log(data);

                         }
                });

0 个答案:

没有答案