如何從json api獲取數據

Question

我想在html頁面中獲取json數據，所有的數據都在讀取，但只有一個數據沒有讀取原因？這是我的代碼。

這是我的JSON數據，我必須獲取「classified_id」，但它顯示未定義。

{ 
    "status": 200, 
    "message": "classification Created successfully", 
    "news_data": { 
     "name": "abc", 
     "description": "hello everyone", 
     "email_id": "abc@gmail.com", 
     "phone": "9097817522", 
     "classified_id": 102 
    } 
} 

這裏是我的js文件，我正在獲取json數據。

success: function(data) { 
    var arr = data.data; 
    var htmlText = ''; 

    for (var key in arr) { 
     htmlText += '<div onclick="delete('+ arr[key].classified_id +')" ></div>'; 
     htmlText += '<p class="user-name"> Name: ' + arr[key].name + '</p>'; 
     htmlText += '<p class="user-loc"> Description: ' + arr[key].description + '</p>'; 
     htmlText += '<p class="user-desc"> Email: ' + arr[key].email_id + '</p>'; 
     htmlText += '<p class="user-desc"> Phone: ' + arr[key].phone + '</p>'; 
    } 

    $('.feed-activity-list').append(htmlText); 
} 

請幫我解決這個問題。 在此先感謝。

Answer 1

如果你單獨確定鍵你不需要循環：

var arr = data.news_data; 
var htmlText = ''; 
htmlText += '<div onclick="delete(' + arr.classified_id + ')" ></div>'; 
htmlText += '<p class="user-name"> Name: ' + arr.name + '</p>'; 
htmlText += '<p class="user-loc"> Description: ' + arr.description + '</p>'; 
htmlText += '<p class="user-desc"> Email: ' + arr.email_id + '</p>'; 
htmlText += '<p class="user-desc"> Phone: ' + arr.phone + '</p>'; 

DEMO

Answer 2

var data = { 
    "status": 200, 
    "message": "classification Created successfully", 
    "news_data": { 
     "name": "abc", 
     "description": "hello everyone", 
     "email_id": "abc@gmail.com", 
     "phone": "9097817522", 
     "classified_id": 102 
    } 
}; 
var arr = []; 
    arr.push(data.news_data); 
    var htmlText = ''; 

    for (var key in arr) { 
     htmlText += '<div onclick="delete('+ arr[key].classified_id +')" > classified_id: ' + arr[key].classified_id + '</div>'; 
     htmlText += '<p class="user-name"> Name: ' + arr[key].name + '</p>'; 
     htmlText += '<p class="user-loc"> Description: ' + arr[key].description + '</p>'; 
     htmlText += '<p class="user-desc"> Email: ' + arr[key].email_id + '</p>'; 
     htmlText += '<p class="user-desc"> Phone: ' + arr[key].phone + '</p>'; 
    } 

    $('.feed-activity-list').append(htmlText); 

Demo