尝试访问json响应时"未定义"

Question

我的烧瓶应用程序具有返回以下内容的代码:

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条目时,我将'undefined'作为输出.我究竟做错了什么？

Answer 1

你还没有解析JSON:

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

Answer 2

您还可以使用dataTypejQuery 为您解析它：

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