How to create HTML table for the JSON data dynamically?

Question

I want to extract only specific data from a "JSON" array. so far i have tried doing this,please help me out.

<?php
$uri=$_POST['uri'];
$api_key=$_POST['api_key'];
$board=$uri.$api_key;
$value=file_get_contents($board);
$json_o=(array)json_decode($value);
//echo "<pre>";
print_r($json_o);//here is the result of request 
//echo "</pre>";
    ?>

to fetch "uri"-It references the ".js" page

$("#btn2").click(function(event){
$.post( 
             "main.php",{api_key:"024b427a5d41a62",uri:"https://kanbanflow.com//v1/tasks?apiToken="},
             function(data) {
             $('#content').html(data);
             }
          );
});

Answer 1

Loop over the data using each() and construct the html

function(data){
 var myTable=$('#myTable');
  $(data).each(function(index,obj){
   // prepare TR & TDs for each row and append to myTable     
  })    
}