JSFiddle - React, Tailwind, and code Playground
HTML
<h1>Log</h1>
<div id="foo"></div>
JavaScript
var urls = [
'https://jsonplaceholder.typicode.com/users/1',
'https://jsonplaceholder.typicode.com/users/2',
'https://jsonplaceholder.typicode.com/users/3'
];
function log(s) {
$('#foo').append(s);
}
for (var i = 0; i < urls.length; i++) {
log('<p>Building request to: ' + urls[i] + '</p>');
var xhr = new XMLHttpRequest();
xhr.open('GET', urls[i], true);
xhr.send();
xhr.onreadystatechange = processRequest;
function processRequest() {
if (this.readyState == 4 && this.status == 200) {
var response = JSON.parse(this.responseText);
log('<p>Received user ' + response.id + ': ' + response.name + '</p>');
}
}
}