如何在html模式中显示json数据

我需要在html模式中显示数组中的json数据。目前，json数据数组已正确显示在控制台中

javascript

$('.detailButton').on('click', function(){
 var BASE_URL = "http://localhost/employeemgt/index.php/";
 var leave_id = $(this).val();
 var i;
  $.ajax({
    type: 'POST',
    dataType: "JSON",
    data:{leave_id:leave_id},
    url: BASE_URL + 'admin/AdminDashboardController/viewRequest',   

    success:function(data){                 
    console.log(data);
    $('#leave_details').html(data);       
    $('#pendingLeaveRequest').modal('show');
  },
 error:function(error){
    alert(error);
 }});
});

模态

<!-- Modal -->
    <div class="modal fade" id="pendingLeaveRequest" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
          <div class="modal-body" id="leave_details" >
            <p> </p>
          </div>
    </div>

控制台

[{…}] 0 : 身份证件 : "124" 结束 : "2018-08-20" 出发 : "2018-08-18" 左U型 : “年度” 地位 : "0" 用户id : "6" 用户名 : “哈利·波特” proto : 反对 长度 : 1 proto :

---

数组（0）

您希望遍历数据以显示它。
查看控制台，您可以执行以下操作：

$('#leave_details').html("<p>" + data[0].id + "</p>"); 

$（'leve#u details'）.html（“”+数据[0].id+”
”）；

这只是一个样本，设计将取决于你