Get external JSON files from javascript - local website

Question

I would like to know if there is a way to get multiple external JSON files from a javascript file.

My website runs on a local machine. I have several JSON files on this machine :

file1.json :

{ "info1": "foo1", "info2": "foo2", "info3": "foo3", "info4": "foo4"}

file2.json :

{ "info5": "foo5", "info6": "foo6", "info7": "foo7", "info8": "foo8"}

etc..

I would like to access these files in my website with javascript in order to perform a research.

Do you know a way to do this ?

Thanks for your help

Johann

user529758 · Accepted Answer · 2012-10-29 09:38:26Z

5

You can use AJAX for this:

function callback_function(object)
{
    // `object' contains the parsed JSON object
}

var xhr = new XMLHttpRequest();
xhr.open("GET", "/js/file1.json", true);
xhr.onreadystatechange = function() {
    if (xhr.readyState == 4) {
        callback_function(JSON.parse(xhr.responseText));
    }
}
xhr.send();

answered Oct 29, 2012 at 9:38

user529758

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

2 Comments

Johann Over a year ago

Thanks for your response ! But if I have 50 JSON files to load, am I obliged to do this 50 times ? Is there a way to load a folder of JSON files ?

user529758 Over a year ago

@Johann You really don't need a server to use jQuery, btw.

Headshota · Accepted Answer · 2012-10-29 09:39:01Z

0

you should send a request from javascript to your server and retrieve the output of the file. with jQuery you could do following:

jQuery.getJSON(url, function(data){
   // do something
});

answered Oct 29, 2012 at 9:39

Headshota

21.4k13 gold badges63 silver badges82 bronze badges

Collectives™ on Stack Overflow

Get external JSON files from javascript - local website

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related