добавить данные в всплывающем окне с помощью JQuery PHP

Question

всплывающего HTML:

<div class="row" id="get_uv_detail" style="display:none"> 
    <div class="box border"> 
    <div class="box-body"> 
     <div class="uv-more-detail" style="max-height:450px;padding-right:10px" ></div> 
    </div> 
    </div> 
</div> 

В контроллере у меня есть функция, которая возвращает данные, как это:

[{"name":"p1"},{"name":"p2"}] 

Как я могу добавить его в всплывающем окне ?

Я должен отображать данные, как это:

Name 
----- 
p1 
p2 

Вот мой сценарий:

.done(function(data) { 
$('.uv-more-detail').append(data); 
}); 
// pop-up display 
bootbox.dialog({ 
      message: msg, 
      title: title, 
      buttons: { 
      main: { 
       label: "Close", 
       className: "btn-primary", 
       callback: function() { 
       $(".bootbox").modal("hide"); 
       } 
      } 
      } 
     }); 

Answer 1

Это тот же ответ, как ссылки, предоставленной @ParthTrivedi:

$(document).ready(function() { 
    $.getJSON(url, 
    function (json) { 
     var tr; 
     for (var i = 0; i < json.length; i++) { 
      tr = $('<tr/>'); 
      tr.append("<td>" + json[i].name+ "</td>"); 
      tr.append("<td>" + json[i].date+ "</td>"); 
      $('table').append(tr); 
     } 
    }); 
}); 

Дополнительные ответы: Parsing JSON objects for HTML table