使用jquery解析json文件

最新推荐文章于 2026-08-06 13:45:29 发布

原创最新推荐文章于 2026-08-06 13:45:29 发布 · 965 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

web前端

当前文章被收录于：

web前端

20 篇文章 1 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍如何使用jQuery的$.getJSON()方法来解析本地JSON文件，并通过示例代码展示了如何读取JSON数组中的元素。

有时需要使用jquery去解析对于本地的json文件并使用。
假设有这样一个json文件：

{
    "gift_list": [
        {
            "gift_id": "44", 
            "title": "爱神丘比特"
        }, 
        {
            "gift_id": "43", 
            "title": "不孤单"
        }
     ]
 }

要解析这个json文件，需要使用$.getJSON()方法。

 $.getJSON('json文件路径/json_gift.json',function(dataJson){
        $.each(dataJson.gift_list,function(i,infos){
            if(infos.gift_id == 44) {
                console.log(infos.title); //爱神丘比特
            }else{
                console.log(infos.title); //不孤单
            }
       }
  })