'Nicht definiert', wenn json Antwort

Question

Mein Kolben App hat Code zuzugreifen versuchen, die Folgendes zurück:

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

Mein JavaScript-Code wie folgt aussieht:

$(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); 
      } 
     }); 
    }); 
}); 

Das erste Konsolenprotokoll sieht richtig: {"status": "OK", "url": "www.blahrg.com"}, aber wenn ich versuche, auf den Eintrag url zuzugreifen, bekomme ich 'undefiniert' als Ausgabe. Was mache ich falsch?

Answer 1

Sie auch dataType verwenden können jQuery Parsen es für Sie zu haben:

$(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); 
      } 
     }); 
    }); 
}); 

Answer 2

Sie haben nicht die JSON analysiert:

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