html中的for循环答案

【问题标题】：For loop in htmlhtml中的for循环
【发布时间】：2015-06-04 19:44:03
【问题描述】：

我正在使用 Javascript 编写一个 html 页面。我的一部分将发送请求并获得一些结果。但是结果的数量以前是未知的。

那么如何为每个结果创建？换句话说，html中是否有类似for循环的东西？如果没有，我该怎么做？

我的部分代码：

function onMessage(evt)
{
  var recv = JSON.parse(evt.data);
  //writeToScreen("response type: " + recv.type + '\n');
}

以上部分会返回一个包含用户列表的json（用户数量未知）。我想在 html 中为每个用户创建一个。

提前致谢。

【问题讨论】：

javascript中有一个for loop
HTML 是一种标记语言，而不是脚本或编程语言。
请分享一些代码来说明您的尝试。
@WoodrowBarlow 已经这样做了。

标签： javascript html for-loop

【解决方案1】：

您需要使用 JavaScript 为结果中的每个项目创建 HTML 元素。如果您不知道JQuery，我高度建议您在刚开始的时候学习一下。这是一个 JQuery 示例，它向服务器发出请求，返回可变数量的结果，并为返回的每个项目创建一个元素。

$.ajax({ url: '/my/api/url' }).then(function (response) {
  // I'm assuming your server returned a response that is an array of items.
  response.forEach(function (item) {
    $('<li>').text(item.text).appendTo('ul#myList');
  });
});

然后你会在你的标记中某处有一个<ul> 元素，ID 为“myList”。

<ul id="myList"></ul>

【讨论】：

【解决方案2】：

不，HTML 是为结构而存在的，并且没有像循环这样的功能。您可能正在寻找的是 JavaScript for 循环，特别是 for..in 或 while 循环，因为循环数未知

您可以了解 Javascript for...in 循环 here，但 tldr 在您的 HTML 中可能看起来像这样：

<script type="text/javascript"> 然后是你的循环和document.write()，由</script> 关闭

编辑：看起来您添加了代码 sn-p。基于此，您应该像其他答案建议的那样使用 Jquery

【讨论】：