如果你想将接收到的数据以另一种方式回显,可以在JavaScript中创建一个容器元素,并将每条数据作为独立的小盒子添加到容器中。然后可以给该容器元素添加滚动效果。
以下是一个示例:
$.ajax({
url: '../d/exemptionReduction/selectInforList?loanCodes=' + loanCodes,
contentType: 'application/json',
type: 'POST',
lang: defLanguage,
async: false,
success: function(res) {
var dialogData = JSON.parse(res);
if (dialogData.success) {
var containerElement = document.createElement('div');
containerElement.classList.add('data-container'); // 添加一个CSS类名来定义样式或设置滚动效果
for (let i = 0; i < dialogData.data.length; i++) {
var dataDiv = document.createElement('div');
dataDiv.classList.add('data-item'); // 添加一个CSS类名来定义样式
var nameSpan = document.createElement('span');
nameSpan.textContent = 'Name: ' + dialogData.data[i].name;
dataDiv.appendChild(nameSpan);
var customerIdSpan = document.createElement('span');
customerIdSpan.textContent = 'Customer ID: ' + dialogData.data[i].customerId;
dataDiv.appendChild(customerIdSpan);
// 继续添加其他需要展示的字段
containerElement.appendChild(dataDiv);
}
// 将容器元素添加到页面上(替换yourContainerElementId为实际ID)
document.getElementById('yourContainerElementId').appendChild(containerElement);
}
},
});
在上面的代码中,我们创建了一个新的div元素作为数据容器,并给它添加了一个自定义的CSS类名data-container。然后,通过循环遍历将每条数据添加到独立的小盒子中,并将这些小盒子作为子元素添加到容器元素中。
最后,我们将整个容器元素添加到页面上(替换yourContainerElementId为实际的ID值)。你可以通过CSS样式来设置容器和数据项的外观,并根据需要添加滚动效果。
请注意,上述示例是基于HTML和JavaScript实现的。如果你不想使用HTML文件,可以尝试使用JSX或其他JavaScript框架/库来动态生成UI并展示数据。
内容由零声教学AI助手提供,问题来源于学员提问




