65 lines
1.4 KiB
Markdown
65 lines
1.4 KiB
Markdown
|
---
|
||
|
|
title: JavaScript Version of Jquerygetjson
|
||
|
|
---
|
||
|
|
If you want to work with json files with just vanilla JavaScript.
|
||
|
|
|
||
|
|
## IE8+
|
||
|
|
|
||
|
|
var request = new XMLHttpRequest();
|
||
|
|
request.open('GET', '/my/url', true);
|
||
|
|
|
||
|
|
request.onreadystatechange = function() {
|
||
|
|
if (this.readyState === 4) {
|
||
|
|
if (this.status >= 200 && this.status < 400) {
|
||
|
|
// Success!
|
||
|
|
var data = JSON.parse(this.responseText);
|
||
|
|
} else {
|
||
|
|
// Error :(
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
request.send();
|
||
|
|
request = null;
|
||
|
|
|
||
|
|
## IE9+
|
||
|
|
|
||
|
|
var request = new XMLHttpRequest();
|
||
|
|
request.open('GET', '/my/url', true);
|
||
|
|
|
||
|
|
request.onload = function() {
|
||
|
|
if (request.status >= 200 && request.status < 400) {
|
||
|
|
// Success!
|
||
|
|
var data = JSON.parse(request.responseText);
|
||
|
|
} else {
|
||
|
|
// We reached our target server, but it returned an error
|
||
|
|
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
request.onerror = function() {
|
||
|
|
// There was a connection error of some sort
|
||
|
|
};
|
||
|
|
|
||
|
|
request.send();
|
||
|
|
|
||
|
|
## IE10+
|
||
|
|
|
||
|
|
var request = new XMLHttpRequest();
|
||
|
|
request.open('GET', '/my/url', true);
|
||
|
|
|
||
|
|
request.onload = function() {
|
||
|
|
if (this.status >= 200 && this.status < 400) {
|
||
|
|
// Success!
|
||
|
|
var data = JSON.parse(this.response);
|
||
|
|
} else {
|
||
|
|
// We reached our target server, but it returned an error
|
||
|
|
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
request.onerror = function() {
|
||
|
|
// There was a connection error of some sort
|
||
|
|
};
|
||
|
|
|
||
|
|
request.send();
|