根据您提供的代码,看起来您通过 AJAX 请求获取了多个名字数据,并将它们回显到页面上。如果要展示多个名字,您可以考虑以下几种方式:
- 利用 HTML 元素(如
<ul>
或<div>
)创建一个容器,使用 JavaScript 动态生成并添加每个名字的列表项或段落。
例如:
var nameContainer = $('<ul></ul>'); // 创建一个无序列表作为容器
for (let i = 0; i < dialogData.data.length; i++) {
var listItem = $('<li></li>').text(dialogData.data[i].name); // 创建列表项,并设置文本为名字
nameContainer.append(listItem); // 将列表项添加到容器中
}
$('#names-container').empty().append(nameContainer); // 清空原先的内容,并将容器插入页面指定位置(假设有一个 id 为 'names-container' 的元素)
- 将多个名字拼接成一个字符串,并显示在单个 HTML 元素内。
例如:
var namesString = '';
for (let i = 0; i < dialogData.data.length; i++) {
namesString += dialogData.data[i].name + ', '; // 使用逗号分隔每个名字
}
namesString = namesString.slice(0, -2); // 去除最后一个逗号和空格
$('#names-container').text(namesString); // 将拼接好的字符串赋值给指定元素(假设有一个 id 为 'names-container' 的元素)
以上是两种简单的示例,您可以根据实际情况进行适当调整和美化展示效果。
内容由零声教学AI助手提供,问题来源于学员提问