使用显示数据的 Ajax 数组响应循环

Question

我已经将数据传递给控制器并在数组中的ajax中获取数据，因此如何在ajax中使用循环并显示数据。

我的 Ajax 响应是

[{"description":"Spring (03/01/2017 - 30/03/2017) - Training Fees","attandence_count":"0","pay":"u00a3159.00"},{"description":"Spring (03/01/2017 - 30/03/2017) - Training Fees","attandence_count":"0","pay":"u00a3159.00"},{"description":"Spring (03/01/2017 - 30/03/2017) - Training Fees","attandence_count":0,"pay":"u00a3159.00"},{"description":"Spring (03/01/2017 - 30/03/2017) - Training Fees","attandence_count":0,"pay":"u00a3159.00"}]

Answer 1

你可以用于...in 循环用于具有多个属性的对象，forEach 循环用于数组：

const response = [{"description":"Spring (03/01/2017 - 30/03/2017) - Training Fees","attandence_count":"0","pay":"u00a3159.00"},{"description":"Spring (03/01/2017 - 30/03/2017) - Training Fees","attandence_count":"0","pay":"u00a3159.00"},{"description":"Spring (03/01/2017 - 30/03/2017) - Training Fees","attandence_count":0,"pay":"u00a3159.00"},{"description":"Spring (03/01/2017 - 30/03/2017) - Training Fees","attandence_count":0,"pay":"u00a3159.00"}];
response.forEach(session => {
const ul = document.createElement("ul");
for (const key in session) {
const li = document.createElement("li");
li.innerHTML= `${key}: ${session[key]}`;
ul.appendChild(li);
}
document.getElementById('session').appendChild(ul);
})

<div id="session"></div>