从 ajax 获取请求中收到的数据

Question

我有 flask 应用程序，我正在尝试从客户端向后端发出请求，反之亦然，以验证 ReCaptcha。

JS:

var onloadCallback = function() {

    var captchaCallback = function(param) {
        return $.get( "gettoken/" + param, function( data ) {
          window.console.log(data.toString())
          if (!data.success) {
              window.alert("something went wrong" + data.error);
          }
          else {
              $(".submitBtn").prop("disabled", false);
          }
        });
  };

  grecaptcha.render('html_element', {
  'sitekey' : 'secret_key',
    'callback' : captchaCallback
    });
};

PYTHON:

@app.route('/gettoken/<g_recaptcha_response>')
def verify_recaptcha(g_recaptcha_response):
    with urllib.request.urlopen('https://www.google.com/recaptcha/api/siteverify?secret=secret_key&response=' + g_recaptcha_response) as url:
        data = json.loads(url.read().decode())
        print(data)
        return data

python 方法打印的数据是正确的 {'success': True, 'challenge_ts': '2019-11-07T11:07:22Z', 'hostname': 'localhost'}。但是随后在 js 中打印回的数据显示：[object Object]。我应该如何从 python verify_recaptcha 方法中正确读取数据 return？

Answer 1

您的代码是正确的。问题是在对象上调用 .toString() 会 return。如果您想查看包含您的对象的日志，请尝试使用：

window.console.log(data)

或：

window.console.log(JSON.stringify(data, null, 2))

Answer 2

.toString申请一个对象会return [object Object]

var myObj = {};
console.log(myObj.toString());
//returns [object Object]

尝试直接使用对象属性，像这样：

console.log(data.success);

正如建议：永远不要在 public

上显示您的 API 钥匙

从 ajax 获取请求中收到的数据

Data received from ajax get request

javascript

python

ajax

flask

recaptcha