# JavaScript version of jQuery.getJSON()

**URL:** <https://forum.freecodecamp.org/t/javascript-version-of-jquery-getjson/20365>\
**Category:** freeCodeCamp Contributors\
**Tags:** guide\
**Created:** [July 15, 2016, 2:34am UTC](https://forum.freecodecamp.org/t/javascript-version-of-jquery-getjson/20365 "2016-07-15T02:34:37Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![camperbot](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/camperbot/32/18364_2.png) [@camperbot](https://forum.freecodecamp.org/u/camperbot)\
**Post date:** [July 15, 2016, 2:34am UTC](https://forum.freecodecamp.org/t/javascript-version-of-jquery-getjson/20365/1 "2016-07-15T02:34:37Z")

</div>

If you want to work with json files with just vanilla JavaScript.

## IE8+

```js
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+

```js
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+

```js
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();

```

---

<div class="post-metadata">

**Author:** ![Rafase282](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/rafase282/32/161583_2.png) [@Rafase282](https://forum.freecodecamp.org/u/Rafase282)\
**Post date:** [August 10, 2016, 2:15am UTC](https://forum.freecodecamp.org/t/javascript-version-of-jquery-getjson/20365/2 "2016-08-10T02:15:41Z")

</div>



---

<div class="post-metadata">

**Author:** ![Rafase282](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/rafase282/32/161583_2.png) [@Rafase282](https://forum.freecodecamp.org/u/Rafase282)\
**Post date:** [August 10, 2016, 7:05pm UTC](https://forum.freecodecamp.org/t/javascript-version-of-jquery-getjson/20365/3 "2016-08-10T19:05:04Z")

</div>



---

<div class="post-metadata">

**Author:** ![anon52159105](https://avatars.discourse-cdn.com/v4/letter/a/45deac/32.png) [@anon52159105](https://forum.freecodecamp.org/u/anon52159105)\
**Post date:** [August 6, 2017, 11:52pm UTC](https://forum.freecodecamp.org/t/javascript-version-of-jquery-getjson/20365/4 "2017-08-06T23:52:12Z")

</div>