Pass json data to javascript variable

Question

Probably a simple one for an expert:

I have a json file called newport.json located in the www folder. The json is as follows:

{"nmech":"3.00","nelect":"3.00","nplant":"0.00","ncivil":"55.00"}

I have my JS to load in via ajax:

$.ajax({
    url:'newport.json',
    datatype:'json',
    type:'get',
    cache:false,
    success:function(data){
        $(data).each(function(index,value){
                console.log(value);

        });
    }
});

My issue is the console log produces the following from the above js:

Object {nmech: "3.00", nelect: "3.00", nplant: "0.00", ncivil: "55.00"}

but I seem to be struggling to then get a value say nmech passed into a javascript variable.

Thanks in advance for any help.

What is your question? data should have your Object console.log(data.nmech); should produce 3.00... — brso05
– brso05, Commented Feb 12, 2016 at 20:59
So in order to get that particular value, it would be data.nmech without the each loop. do you have multiples of these or is it just this? — Derek Pollard
– Derek Pollard, Commented Feb 12, 2016 at 20:59
yes I can use data.nmech and output to the console and it shows 3.00. My question is how would I pass this value to a variable. — Kevin Sullivan
– Kevin Sullivan, Commented Feb 12, 2016 at 21:05
@JeremyJackson I have tried this and get the following error in the console - Uncaught ReferenceError: nmech is not defined. — Kevin Sullivan
– Kevin Sullivan, Commented Feb 12, 2016 at 21:09

berliner · Accepted Answer · 2016-02-12 21:16:16Z

1

Your json is an object, not array. As soon as you don't have anything to enumerate, $.each doen's make much sense here.

To to access you properties you need:

var nmech = data.nmech;
var nelect = data.nelect;

etc

edited Feb 12, 2016 at 21:16

answered Feb 12, 2016 at 21:07

berliner

1,9753 gold badges17 silver badges27 bronze badges

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

3 Comments

brso05 Over a year ago

api.jquery.com/jquery.each it will work with an object...key/value pairs.

berliner Over a year ago

@brso05 you are perfectly right. Main point was that it doesn't make much sense in that situation. I'll update answer.

berliner Over a year ago

@brso05 Fillde with some particular code would make life much easier

DenizEng · Accepted Answer · 2016-02-12 21:08:04Z

0

As there is a single object that is returned, the loop only runs once. I believe what you are trying to do is to enumerate the properties of that single object. So this:

for (var propertyName in data) { console.log(data[propertyName]; }

answered Feb 12, 2016 at 21:08

DenizEng

4305 silver badges14 bronze badges

Collectives™ on Stack Overflow

Pass json data to javascript variable

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related