Извлечь данные из объекта json с квадратными скобками, содержащими данные

Question

Я получил эти данные, которые я получаю из базы данных с помощью xmlhttprequest.

[{"description":"welcome","location":"Nairobi","name":"Equity Bank","created_at":"2013-02-07 21:12:45"},{"description":"very nice job","location":"Kisumu","name":"Equity Bank","created_at":"2013-02-16 12:19:46"},{"description":"welcome all","location":"nairobi","name":"Equity Bank","created_at":"2013-02-16 13:28:26"},{"description":"Very nice","location":"Nairobi","name":"Equity Bank","created_at":"2013-07-08 01:50:11"},{"description":"bad job","location":"eldoret","name":"Safaricom","created_at":"2013-02-03 00:00:00"},{"description":"very nice job","location":"mombasa","name":"Deep Africa","created_at":"2013-02-05 00:00:00"}] 

Моя главная цель состоит в том, чтобы организовать данные в виде столбца следующим образом:

description  location  name created_at 

квадратных скобок запутать меня немного, но это, кажется, как яваскрипт массив, но я просто не могу разобрать его правильно.

Answer 1

В случае, если ур помощью XMLHTTRequest вы получите данные в responesText

var jsonData=eval('('+responseText+')'); 

var text="<table><tr><th>description</th><th>location</th>" + 
       "<th>name</th><th>created_at</th></tr>"; 
for(var i=0;i<jsonData.length;i++){ 


      text+="<td>"+jsonData[i].description+"</td>"; 
      text+="<td>"+jsonData[i].location+"</td>"; 
      text+="<td>"+jsonData[i].name+"</td>"; 
      text+="<td>"+jsonData[i].created_at+"</td>"; 
      text+="</tr>"; 

} 
text+="</table>" 
document.getElementById("tag").innerHTML="";// make sure that data is not Present 
    document.getElementById("tag").innerHTML=text; 

и В Jsp Страница:

<div id="tag"></tag> 

Answer 2

Вы можете просто пройти через него и получить доступ к каждому элементу. Вот пример, форматирующий его в некоторые HTML-таблицы.

var data = [{"description":"welcome","location":"Nairobi","name":"Equity Bank","created_at":"2013-02-07 21:12:45"},{"description":"very nice job","location":"Kisumu","name":"Equity Bank","created_at":"2013-02-16 12:19:46"},{"description":"welcome all","location":"nairobi","name":"Equity Bank","created_at":"2013-02-16 13:28:26"},{"description":"Very nice","location":"Nairobi","name":"Equity Bank","created_at":"2013-07-08 01:50:11"},{"description":"bad job","location":"eldoret","name":"Safaricom","created_at":"2013-02-03 00:00:00"},{"description":"very nice job","location":"mombasa","name":"Deep Africa","created_at":"2013-02-05 00:00:00"}]; 


var results = document.getElementById('results'); 
htmlString = '<table><tr>'; 
for(a=0; a<data.length; a++) { 
    htmlString = htmlString + '<tr><td>' + data[a]['description'] + '</td><td>' + data[a]['location'] + '</td><td>' + data[a]['name'] + '</td><td>' + data[a]['created_at'] +  '</tr>'; 

} 
htmlString = htmlString + '</table>'; 
results.innerHTML = htmlString; 

Там в jsfiddle на http://jsfiddle.net/R63BJ/