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

标签 javascript html 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>

最佳答案

第一件事-请编辑您的问题并使其更具可读性。

回答指南[根据我的理解]:

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

  • 在 html
  • 中为您的“ul”标签提供 id/name
  • 使用 tagname="li"
  • 创建元素
  • 将其附加到“ul”。
  • 循环执行步骤 2 和 3

  • 另外,请让我们知道您的服务器回复,以便我们更好地指导您。

    关于javascript - 如何使用for循环在div中显示restful api获取的数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27099721/

    相关文章:

    javascript - 无法通过 REST 将文件上传到 Sharepoint @ Office 365

    javascript - 如何在嵌套的悬停事件中正确销毁 javascript 计时器对象?

    javascript - JavaScript TypeError : document.routeEvent is not a function

    javascript - 不使用唯一 ID 影响所选 div 的按钮

    Ruby - 遍历解析的 JSON

    javascript - 表单提交时的 Ember 刷新路线

    javascript - jQuery DataTable组排序顺序

    javascript - 在没有互联网的情况下使用 Javascript 获取 GPS 位置

    facebook - 创建连接到 facebook 的 j2me 应用程序(不是 swt 项目)

    java - 如何使用Java签署AWS API请求(适用于Android应用)