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

Question

我需要在 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" leave_end : "2018-08-20" leave_start : "2018-08-18" leave_type : "年度" 地位 : "0" user_id : "6" user_name : 《哈利波特》原型： 对象 长度 : 1原型： 阵列(0(

Answer 1

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

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

这只是一个示例，设计将取决于您。