Как получить данные из json api

Question

Я пытаюсь получить данные json на странице html, все данные извлекаются, но только одна информация не извлекает из-за чего? вот мой код.

Это мои данные json, и я должен получить «split_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