Как сделать такой скрипт?

137
18 марта 2019, 01:50

Всем привет! Ко мне приходит массив от сервера, вот такого вида: Array(3) [ {…}, {…}, {…} ]

Вот таким запросом:

fetch(url, {
    method: 'POST',
    headers,
    body: JSON.stringify({id: param})
})
.then(function (response) {
     return response.json()
})
.then(function (data) {
    console.log(data); 
})

И есть на странице такой div: <div class="qqq"></div>

Как мне каждый элемент добавить в div.qqq в виде ссылки, что-то вроде такого: <a href="элемент_массива">элемент_массива</a>.

Как сделать такое? подскажите.

Answer 1
.then(function (data) {
  var parent = document.querySelector("div.qqq");
  data.forEach(function(el, index) {
    var a = document.createElement("a");
    a.setAttribute("href", el.field);
    a.innerText = el.field;
    parent.appendChild(a);
  });
})
READ ALSO
Можно ли делать логические операторы в поиске объекта в jquery

Можно ли делать логические операторы в поиске объекта в jquery

Столкнулся с такой проблемой, можно ли делать логические операторы в поиске объекта в jquery

129
JavaScript работа со скриптами

JavaScript работа со скриптами

Как сделать чтобы все скрипты описанные в хэдере запускались по нажатию на кнопку , пробовал поместить их в функцию и вызывать функцию после...

144
Компонент js для отображения графиков

Компонент js для отображения графиков

Необходимо на сайте выводить график кусочно-линейной функцииИсходных данных (точек) около 50к

149
Как поставить иконку на ползунком

Как поставить иконку на ползунком

Есть ползунок input range со значениями от 1 до 100 нужно там где будет 60 и 80 изначально поставить над ним иконочки не при измененнии а с начала, кто...

155