How to get json key and value in javascript?

Question

I am returning a json as shown below

{"name": "", "skills": "", "jobtitel": "Entwickler", "res_linkedin": "GwebSearch"}

I am trying to get each element key and value:

..
}).done(function(data){
    alert(data['jobtitel']);
});

I am getting undefined in alert. WHY? I tried data.jobtitel, i tried loop but no success..

first u need to convert that json to array then have to try data.jobtitel — sawan, Sep 20 '13 at 07:15
JSON is string and u want to access there that then u must have to convert... — sawan, Sep 20 '13 at 07:18
@swan, $.parseJSON is not always available in every browser.. what to do ? — doniyor, Sep 20 '13 at 07:19
if u add jquery then $.parseJSON will work...otherwise u have to use pure javascript JSON converter JSON.eval(jsonstring) — sawan, Sep 20 '13 at 07:22

sawan · Accepted Answer · 2020-07-17T10:14:49.640

165

//By using jquery json parser    
var obj = $.parseJSON('{"name": "", "skills": "", "jobtitel": "Entwickler", "res_linkedin": "GwebSearch"}');
alert(obj['jobtitel']);

//By using javasript json parser
var t = JSON.parse('{"name": "", "skills": "", "jobtitel": "Entwickler", "res_linkedin": "GwebSearch"}');
alert(t['jobtitel'])

Check this jsfiddle

As of jQuery 3.0, $.parseJSON is deprecated. To parse JSON strings use the native JSON.parse method instead.

Source: http://api.jquery.com/jquery.parsejson/

edited Jul 17 '20 at 10:14

answered Sep 20 '13 at 07:16

sawan

2,341
3
25
51

2

This is not documented enough. The ability to use json['KeyAsString']. Really great. Thank you. – acrawly Mar 24 '14 at 20:09
How would I resolve Entwickler to jobtitel? Is there anythind native or do I have to write my own code? – dGRAMOP Jun 18 '17 at 03:31

score 24 · Answer 2 · answered Sep 20 '13 at 07:19

24

you have parse that Json string using JSON.parse()

..
}).done(function(data){
    obj = JSON.parse(data);
    alert(obj.jobtitel);
});

answered Sep 20 '13 at 07:19

NaYaN

1,300
7
11

Simplified: JSON.parse(data).jobtitle – Jonas Mar 22 '15 at 20:51

score 13 · Answer 3 · answered Sep 20 '13 at 07:26

13

var data = {"name": "", "skills": "", "jobtitel": "Entwickler", "res_linkedin": "GwebSearch"}

var parsedData = JSON.parse(data);
alert(parsedData.name);
alert(parsedData.skills);
alert(parsedData.jobtitel);
alert(parsedData.res_linkedin);

answered Sep 20 '13 at 07:26

onihime

129
4

1

This is how you do it in javascript. – Ishara Amarasekera Feb 23 '19 at 06:25

score 5 · Answer 4 · answered Mar 17 '19 at 18:39

5

For getting key

var a = {"a":"1","b":"2"};
var keys = []
for(var k in a){
  keys.push(k)
}

For getting value.

var a = {"a":"1","b":"2"};
var values = []
for(var k in a){
  values.push(a[k]);
}

answered Mar 17 '19 at 18:39

Chandan Kumar

1,066
10
16

score 4 · Answer 5 · answered Sep 20 '13 at 07:21

http://jsfiddle.net/v8aWF/

Worked out a fiddle. Do check it out

(function() {
    var oJson = {
        "name": "", 
        "skills": "", 
        "jobtitle": "Entwickler", 
        "res_linkedin": "GwebSearch"
    }
    alert(oJson.jobtitle);
})();

score 3 · Answer 6 · edited Mar 01 '17 at 09:16

3

A simple approach instead of using JSON.parse

 success: function(response){
     var resdata = response;
     alert(resdata['name']);
}

edited Mar 01 '17 at 09:16

knoxgon

1,070
2
15
31

answered Dec 30 '16 at 04:58

ricky

41
4

score 2 · Answer 7 · answered Apr 25 '19 at 10:41

2

It looks like data not contains what you think it contains - check it.

let data={"name": "", "skills": "", "jobtitel": "Entwickler", "res_linkedin": "GwebSearch"};

console.log( data["jobtitel"] );
console.log( data.jobtitel );

answered Apr 25 '19 at 10:41

Kamil Kiełczewski

85,173
29
368
345

score 0 · Answer 8 · edited Aug 27 '18 at 16:05

0

You can use the following solution to get a JSON key and value in JavaScript:

var dt = JSON.stringify(data).replace('[', '').replace(']', '');
if (dt) {
  var result = jQuery.parseJSON(dt);
  var val = result.YOUR_OBJECT_NAME;
}

edited Aug 27 '18 at 16:05

Grant Miller

27,532
16
147
165

answered Aug 27 '18 at 12:44

Monzur

1,341
14
11

1

While this code snippet may be the solution, including an explanation really helps to improve the quality of your post. Remember that you are answering the question for readers in the future, and those people might not know the reasons for your code suggestion. – Narendra Jadhav Aug 27 '18 at 13:42

How to get json key and value in javascript?

8 Answers8

Linked

Related