Ответ массива 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

Вы можете использовать цикл for ... 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>