JavaScript Visualizzazione delle domande JavaScript principali del mese dall'API di Stack Overflow


Esempio

Possiamo fare una richiesta AJAX all'API di Stack Exchange per recuperare un elenco delle principali domande JavaScript per il mese, quindi presentarle come elenco di collegamenti. Se la richiesta non riesce o restituisce un errore API, la nostra gestione degli errori di promessa visualizza invece l'errore.

6
Visualizza i risultati in tempo reale su HyperWeb .
const url =
    'http://api.stackexchange.com/2.2/questions?site=stackoverflow' +
    '&tagged=javascript&sort=month&filter=unsafe&key=gik4BOCMC7J9doavgYteRw((';

fetch(url).then(response => response.json()).then(data => {
  if (data.error_message) {
    throw new Error(data.error_message);
  }

  const list = document.createElement('ol');
  document.body.appendChild(list);

  for (const {title, link} of data.items) {
    const entry = document.createElement('li');
    const hyperlink = document.createElement('a');
    entry.appendChild(hyperlink);
    list.appendChild(entry);

    hyperlink.textContent = title;
    hyperlink.href = link;
  }
}).then(null, error => {
  const message = document.createElement('pre');
  document.body.appendChild(message);
  message.style.color = 'red';

  message.textContent = String(error);
});