JSONオブジェクトから値を取得できません

Question

JSONオブジェクトからデータ値を取得できません。ここに私のコードは次のとおりです。

var ab_id = $("#ab_id").val(); 
$.ajax({ 
    type: 'GET', 
    contentType: 'application/json', 
    url: 'edit_account.php', 
    data: {ab_id:ab_id, u_id:u_id}, 
    success: function(data) 
    { 
     alert(data.ab_name);   
    }, 

}); 

私はalert(data)を行うと、私はこのような実際のデータしまった：私はdata.ab_nameを使用してデータ値を取得するとき

{  
    "ab_id":"7", 
    "ab_name":"Lily's Storage Address", 
    "ab_ship_name":"LIly C\/O SELF STORAGE", 
    "ab_addr_1":"C\/O Lily", 
    "ab_addr_2":"16 PIUMA AVENUE, UNIT #2", 
    "ab_city":"CERI",   
    "ab_state":"CA", 
    "ab_postal":"90700", 
    "ab_phone":null, 
    "ab_default":"0", 
    "ab_is_storage":"1" 
} 

はしかし、それはundefinedを返します。

ここに何か不足していますか？

Answer 1

使用ブラケット表記

alert(data['ab_name']); 

参照用

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Property_Accessors

Answer 2

なぜ、これは何も変更しなければならないオブジェクトに

data = JSON.parse(data); 
alert(data.ab_name);