Reading in JSON object from Working Directory using javascript (No jQuery)

Question

I'm trying to read a JSON object in from json.js into my main.js. I'm having trouble figuring out how to get the values from the external json.js file into the main.js without using jQuery. I know it's possible, but can't figure out the solution (I've been searching for hours).

Any help would be much appreciated.

Any chance you can elaborate on that? All I can seem to find is URL requests for JSON objects using Ajax. — Mr. Hargrove
– Mr. Hargrove, Commented Sep 6, 2013 at 3:23
Am I missing something? Why can't you include json.js and access the object directly? — Rick Hanlon II
– Rick Hanlon II, Commented Sep 6, 2013 at 3:44
When you say working directory are you using a web server or loading straight from the file system? — dc5
– dc5, Commented Sep 6, 2013 at 3:46

Arun P Johny · Accepted Answer · 2013-09-06 03:29:55Z

2

You can use plain old XMLHttpRequest

function loadJson() {
    var xmlhttp;
    if (window.XMLHttpRequest) {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    } else {
        // code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }

    xmlhttp.onreadystatechange = function () {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            var text = xmlhttp.responseText;
            var json = JSON.parse(text);
            console.log(json)
        }
    }

    xmlhttp.open("GET", "json.js?_dc" + Math.random(), false);
    xmlhttp.send();
}

loadJson();

answered Sep 6, 2013 at 3:29

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Mr. Hargrove Over a year ago

What is .onreadystatechange? What is that function even doing, along with "json.js?_dc" + Math.random()?

Arun P Johny Over a year ago

@JonBecher probably you should read about Ajax

Mr. Hargrove Over a year ago

After reading up on what you were doing with this I figured out how to use it in my application. Thank you Arun.

Collectives™ on Stack Overflow

Reading in JSON object from Working Directory using javascript (No jQuery)

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related