JSFiddle - React, Tailwind, and code Playground
HTML
<div id="images"></div>
CSS
img {
display: block;
}
JavaScript
var getJSON = function(url, callback) {
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.onreadystatechange = function() {
var status;
var data;
// https://xhr.spec.whatwg.org/#dom-xmlhttprequest-readystate
if (xhr.readyState == 4) { // `DONE`
status = xhr.status;
if (status == 200) {
callback(null, xhr.responseText);
} else {
callback(status);
}
}
};
xhr.send();
};
// let url = 'http://query.yahooapis.com/v1/public/yql?q=select%20%2a%20from%20yahoo.finance.quotes%20WHERE%20symbol%3D%27WRC%27&format=json&diagnostics=true&env=store://datatables.org/alltableswithkeys&callback';
// let url = 'https://www.reddit.com/r/Crypto/.json?jsonp=?';
let url = 'https://www.reddit.com/r/pics/.json';
getJSON(url , function(err, data) {
if (err !== null) {
alert("fail"); Document.querySelector('#images').innerHTML =
'Something went wrong: ' + err;
} else {
// console.log('Your query count: ' + data.query.count);
alert("hello " + JSON.stringify(data));
Document.querySelector('#images').innerHTML =
'Something went right: ' + data;
}
});