How to search and fetch json row data by key using jQuery?

Question

I have this JSON object:

{

"1234A":{
    "apcdiv_staffname":"MOHD NASA",
    "apcdiv_staffimage":"http://localhost/jknsapc/wp-content/uploads/2014/06/product-landing-layout-thumb.png",
    "apcdiv_workplace":"HOSPITAL",
    "apcdiv_grade":"U44",
    "apcdiv_position":"PEGAWAI FARMASI",
    "apcdiv_ic":"1234567"
},
"1234B":{
    "apcdiv_staffname":"MOHTAR",
    "apcdiv_staffimage":"http://localhost/jknsapc/wp-content/uploads/2014/06/product-landing-layout-thumb.png",
    "apcdiv_workplace":"HOSPITAL",
    "apcdiv_grade":"U44",
    "apcdiv_position":"PERGIGIAN",
    "apcdiv_ic":"7654321"
},

I want to search and fetch json row data by using key. For example, if I search using key 1234B, it will return the data belong to 1234B key. From there I can proceed to grab the data inside such as apcdiv_staffname

"1234B":{

"apcdiv_staffname":"MOHTAR",
"apcdiv_staffimage":"http://localhost/jknsapc/wp-content/uploads/2014/06/product-landing-layout-thumb.png",
"apcdiv_workplace":"HOSPITAL",
"apcdiv_grade":"U44",
"apcdiv_position":"PERGIGIAN",
"apcdiv_ic":"7654321"

}

How to achieve it using jQuery? I tried to Google but cannot find relevan answer, maybe because my choice of keyword. If using PHP array, I can simply using this code:

$object_row = $object['1234B'];
$apcdiv_staffname = $object_row['apcdiv_staffname'];

Thanks guys!

var object_row = object.1234B

user3141031
– user3141031

2015-04-06 02:21:28 +00:00
Commented Apr 6, 2015 at 2:21 — user3141031
– user3141031, Commented Apr 6, 2015 at 2:21

Pushkar · Accepted Answer · 2015-04-06 04:26:23Z

1

You really don't need jQuery for this. JSON can be accessed directly through javascript.

However if you want to use jQuery -

var obj = jQuery.parseJSON( '"1234A":{
    "apcdiv_staffname":"MOHD NASA",
    "apcdiv_staffimage":"http://localhost/jknsapc/wp-content/uploads/2014/06/product-landing-layout-thumb.png",
    "apcdiv_workplace":"HOSPITAL",
    "apcdiv_grade":"U44",
    "apcdiv_position":"PEGAWAI FARMASI",
    "apcdiv_ic":"1234567"
}' );

alert( obj.1234A );
alert( obj.1234A.apcdiv_staffname );

More Information

https://api.jquery.com/jquery.parsejson/

answered Apr 6, 2015 at 4:26

Pushkar

7,60010 gold badges41 silver badges58 bronze badges

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

Collectives™ on Stack Overflow

How to search and fetch json row data by key using jQuery?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related