如何使用for循环在div中显示restful api获取的数据?

时间:2014-11-24 07:22:19

标签: javascript html5 api

我正在开发一个项目,我想在这个div中显示api获取的结果。

现在我必须在完全相同的设计中将restful api fetched值设置为此div。

请建议我该怎么办?这是总线api字段,我想在ul li字段中得到结果。

我可以追加这个吗?

                               

   <div class="details col-xs-9 clearfix">
     <div class="col-sm-8">
       <div class="clearfix">
         <h4 class="box-title">Economy Car<small>bmw mini</small></h4>
         <div class="logo">
           <img src="http://placehold.it/110x25" alt="" />
         </div>
       </div>
       <div class="amenities">
         <ul>
           <li><i class="soap-icon-user circle"></i>4</li>
           <li><i class="soap-icon-suitcase circle"></i>3</li>
         </ul>
       </div>
     </div>
     <div class="col-xs-6 col-sm-2 character">
       <dl class="">
         <dt class="skin-color">Location</dt><dd>London city</dd>
       </dl>
     </div>
     <div class="action col-xs-6 col-sm-2">
       <span class="price"><small>per day</small>$45.39</span>
       <a href="car-detailed.html" class="button btn-small full-width">select</a>
     </div>
   </div>
 </article>

1 个答案:

答案 0 :(得分:0)

首先 - 请编辑您的问题并使其更具可读性。

根据我的理解回答指南:

您需要做的就是遍历数据并创建节点并将其附加到正确的DOM元素。请参阅this

  1. 在html
  2. 中为您的“ul”标记提供ID /名称
  3. 使用tagname =“li”
  4. 创建元素
  5. 将其附加到“ul”。
  6. 循环执行第2步和第3步
  7. 此外,请告知我们您对服务器的回复,以便我们为您提供更好的指导。