Codificación JSON para múltiples filas MySQL

Estoy trabajando en la salida de múltiples filas MySQL JSON a una tabla HTML a través de PHP (lado del servidor) y jQuery (front-end) a través de un cuadro de búsqueda simple. Logré analizar correctamente una fila de JSON en la tabla, pero ahora necesito acomodar varias filas de datos JSON.

Mi tabla HTML en la página de búsqueda se ve así:

ARTIST | TITLE | LOCATION U2 | One | Ireland Foals | Miami | UK 

y el archivo JSON que se le pasa utiliza encabezados similares:

 {"ARTIST":"Katy Perry","LOCATION":"United States", "TRACKTITLE":"Roar"} 

He estado jugando con el código por un tiempo, incorporando matrices para recorrer los datos. Esto funciona tanto como pasa por las filas de MySQL correctamente y envía exitosamente múltiples filas de datos en formato JSON (he decodificado mi página de búsqueda en Firebug). El problema es que mi archivo jQuery no puede colocarlo en mi tabla HTML, lo que da como resultado una página en blanco. Probé varios métodos de arreglos de preguntas previas de Stackoverflow pero no puedo hacer que funcione, devolviéndome los campos ‘ARTIST’, ‘TRACKTITLE’ y ‘LOCATION’ con cada resultado devuelto

extracto del archivo PHP:

 $result = mysql_query($sql); $data = array(); while ($array = mysql_fetch_assoc($result)) { $data[] = $array; } echo json_encode($data); 

Editado para incluir extracto de jQuery y una pregunta más específica :

 function(data) { var sentData=JSON.parse(data) for (var i = 0; i < sentData.ARTIST.length; ++i) { tr = $(''); tr.append("" + sentData.ARTIST + ""); tr.append("" + sentData.TRACKTITLE + ""); tr.append("" + sentData.LOCATION + ""); $('#multiple').append(tr); } }); 

¿Cómo puedo analizar solo los valores correspondientes de cada resultado ‘ARTIST’, TRACKTITLE ‘y’ LOCATION ‘usando el método JSON.parse? Esta es la cadena JSON devuelta completa:

 [{"ARTIST":"Katy Perry","TRACKTITLE":"Roar","LOCATION":"United States"}, {"ARTIST":"U2","TRACKTITLE":"One","LOCATION":"Ireland"}] 

Intente esto Tomé el javascript que proporcionó y modificó como a continuación. (ver también jsfiddle en la parte inferior)

 var sentData=JSON.parse('{"ARTIST":[["Katy Perry"], ["U2"]],"LOCATION":[["United States"], ["Ireland"]],"TRACKTITLE":[["Roar"], ["One"]]}') for (var i = 0; i < sentData.ARTIST.length; ++i) { tr = $(''); tr.append("" + sentData.ARTIST[i] + ""); tr.append("" + sentData.TRACKTITLE[i] + ""); tr.append("" + sentData.LOCATION[i] + ""); $('#multiple').append(tr); } 

ver el trabajo en jsfiddle aquí. http://jsfiddle.net/jspatel/Ya82B/