<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.29/browser.js"></script>
<script type="text/babel">
const spacePeople = () => {
return new Promise((resolves, rejects) => {
const api = 'http://api.open-notify.org/astros.json';
const request = new XMLHttpRequest();
request.open('GET', api);
request.onload = () => {
if (request.status === 200) {
resolves(JSON.parse(request.response));
} else {
rejects(Error(request.statusText));
}
};
request.onerror = err => rejects(err);
request.send();
});
};
spacePeople().then(
spaceData => console.log(spaceData),
err => Console.error(new Error('Cannot load space people')
)
);
</script>
<title>Building Promises</title>
</head>
<body>
</body>
</html>
