Question

我正在尝试提取json值并将它们放入html表中。虽然我成功地将数据插入到表中，但我无法将它们垂直插入。下面提到的屏幕截图解释了问题。 < / p>

在表格中，行中打印的值应垂直显示。即它们位于列名称下。

附件是我的JSON文件的结构。

   {
      "meta":
             {
               "view":
                       {
                       "columns":[
                                    "cachedContents":{
                                                       "name:"name"
                                        }]}}}

更多详情请见：

https://data.baltimorecity.gov/api/views/hyq3-8sxr/rows.json

我正在尝试打印名称列中存在的值。下面贴出的是代码。

 <html>
 <head>
 <script type="text/javascript"

 src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
 <style>
  #result
  {
   color:red;
  }
 </style>
</script>
<script type="text/javascript">
    $(document).ready(function()
    {
     var row = $("<tr/>")
     $("#personDataTable").append(row);
      $.get("https://data.baltimorecity.gov/api/views/hyq3- 
             8sxr/rows.json",function(data)
         {
            $.each(data.meta.view,function(i,obj)
                {
                      if(i=="name")
                         $("#results").append("<p align='center'>"+obj+" 
                         </p>");
                      if(i=="description")
                         $("#results").append("<p align='center'>"+obj+" 
                          </p>");
                      if(i=="columns")
                       var length = data.meta.view.columns.length;
                       for(var ind=0;ind<length;ind++)
                       {
                         if(null!=obj[ind].name)
                         {


                                $("#results").append("<tr>
                             <td>"+"name"+obj[ind].name+"</tr></td>");

                      }

                      if (null!=obj[ind].cachedContents)
                      {

                        $.each(obj[ind].cachedContents,function(j,obj1)
                                      {

                                         if (j=="top")
                                           {
                                             var toplength = obj1.length;
                                             for (k=0;k<toplength;k++)
                                             {
                                                  if(null!=obj1[k].item)
                                                  {


                                 $("#results").append("<li>"+obj1[k].item+"        
                                 </li>");

                         if(obj[ind].name=="name")
                                                       {
                                                          row.append($("<td  
                             align='vertical'>" + obj1[k].item + "</td>"));
                                                          }


                          if(null!=obj1[k].item.human_address)
                                                       {

                         $("#results").append(" 
                          <li>"+obj1[k].item.human_address+"</li>");


                                                       }
                                                  }

                                             }
                                           }
                                     }
                                     );
                                  }

                      }

我正在尝试垂直打印名称列中的值任何建议都会非常有用。

垂直显示内容

0 个答案: