2016-01-13 52 views
1

彈出HTML追加在彈出的數據:使用jQuery PHP

<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"); 
       } 
      } 
      } 
     }); 
+0

您正試圖將'JSON'附加到'html'。從'JSON'製作html,然後執行'append' :) –

+0

那麼我該如何追加? –

+0

首先嚐試在stackoverflow中搜索。如果你發現任何問題,那麼其他人可以幫助。 –

回答

0

這是相同的答案被@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