如何使用jQuery按键搜索和获取json行数据

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

本文关键字:获取 json 数据 搜索 何使用 jQuery      更新时间:2023-09-26

我有这个JSON对象:

{
"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"
},

我想使用key来搜索和获取json行数据。例如,如果我使用关键字1234B进行搜索,它将返回属于134B

"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"
}

如何使用jQuery实现它?我试着用谷歌搜索,但找不到相关的答案,可能是因为我选择了关键词。如果使用PHP数组,我可以简单地使用以下代码:

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

谢谢大家!

您真的不需要jQuery。JSON可以通过javascript直接访问。

但是,如果你想使用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 );

更多信息

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