javascript - 尝试访问 json 响应时出现“未定义”

Question

我的 Flask 应用程序的代码返回以下内容:

return json.dumps({'status': 'OK','url': 'www.blahg.com'})              

我的 JavaScript 代码如下所示:

$(function() {
  $('#mainbutton').click(function() {
        $.ajax({
            url: '/buttonclick',
            data: $('form').serialize(),
            type: 'POST',
            success: function(response) {
                console.log(response);
                console.log(response.url);
            },
            error: function(error) {
                console.log(error);
            }
        });
    });
});

第一个控制台日志看起来正确:{"status": "OK", "url": "www.blahrg.com"}，但是当我尝试访问 url 时 条目，我得到“未定义”作为输出。我做错了什么？

Answer 1

您尚未解析 JSON:

success: function(data) {
    var response = JSON.parse(data);
    console.log(response);
    console.log(response.url);
}