Question

我似乎无法想出这一个。我尝试了各种没有运气的东西。关于如何解决这个问题的任何想法？

我附上了一个链接，以获取我所获得的截图...

http://s23.postimg.org/4eu3mhmyj/Capture.png

<div class="container">
   <div class="panel panel-default">
        <div class="panel-heading clearfix">
          <h4 class="panel-title pull-left" style="padding-top: px;">Counts</h4>
                      <form method="POST" action="">
                     <button type="submit" class="btn btn-default btn-sm pull-right" name="reset"><span class="glyphicon glyphicon-refresh"></span></button>
            </form>
        </div>
          <table class="table">
          <thead>
             <div> <tr>
                  <th>Count</th>
                  <th>Item</th>
              </tr>
              </div>

    <tbody> 
             <div id="JSON_output" class="row"> 
                            </div>
                        </tbody>
                                <script type="text/javascript">
      jQuery.ajax({
                     type: "GET",
                     url: "json.php",
                     dataType: "json",
                     success: function(response){
                        $.each(response, function(key, value){
                            var html = '' +
                                '<tr><td><ul>'+value.count+'</ul></th>'+
                                '<td><ul><ul><ul>'+value.item+'</ul></ul></ul></td></tr>'+
                                '';
                            $("#JSON_output").append(html);
                        });
                        }
                        });
                </script>


         </thead>      
        </table>
    </div>
 </div>

Answer 1

我能够解决它。不得不将div的JSON输出更改为Tbody。：）

Answer 2

将您的JSON输出从DIV更新为TBody可以帮助您。

<div> <tr>
                  <th>Count</th>
                  <th>Item</th>
              </tr>
              </div>

DIV /表头是底部，jSON数据在顶部？

2 个答案: