39 lines
890 B
JavaScript
39 lines
890 B
JavaScript
// When the DOM is ready it'll execute fn().
|
|
function ready(fn) {
|
|
if (document.attachEvent ? document.readyState === "complete" : document.readyState !== "loading") {
|
|
fn();
|
|
} else {
|
|
document.addEventListener('DOMContentLoaded', fn);
|
|
}
|
|
}
|
|
|
|
ready(function() {
|
|
function renderJSON(json) {
|
|
|
|
var app = new Vue({
|
|
el: '#container',
|
|
data: {
|
|
spreads: json
|
|
}
|
|
});
|
|
}
|
|
|
|
var getFile = function(url, cb) {
|
|
var request = new XMLHttpRequest();
|
|
request.open('GET', url, true);
|
|
request.onload = function() {
|
|
if (this.status >= 200 && this.status < 400) {
|
|
// Success!
|
|
cb(JSON.parse(this.response));
|
|
} else {
|
|
console.log("We reached our target server, but it returned an error");
|
|
}
|
|
};
|
|
request.onerror = function() {
|
|
console.log("There was a connection error of some sort");
|
|
};
|
|
request.send();
|
|
};
|
|
var data = getFile('/data.json', renderJSON);
|
|
});
|