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 ： ID ： “ 124” 结束： “ 2018-08-20” 离开开始： “ 2018-08-18” 离开类型： “年度” 状态： “ 0” 用户身份： “ 6” 用户名：哈利·波特原始：宾语长度： 1个原始：数组（0）

Answer 1

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

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

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

如何以HTML模式显示JSON数据

1 个答案: