使用jQuery和Javascript解析本地JSON文件

时间:2013-07-30 10:19:50

标签: javascript jquery json parsing

我试图解析计算机上的JSON文件。我想解析它。 JSON文件具有以下结构:

{
  "sites": {
    "site": [
      {
        "id": "01",
        "name": "Sito 1",
        "src": "localhost/root/coupon/sito1",
        "expiryDate": "29 Ago 2013"
      },
      {
        "id": "02",
        "name": "Sito 2",
        "src": "localhost/root/coupon/sito2",
        "expiryDate": "30 Ago 2013"
      },
      {
        "id": "Sito 3",
        "name": "Sito 3",
        "src": "localhost/root/coupon/sito2",
        "expiryDate": "31 Ago 2013"
      }
    ]
  }
}

在我的html中,我导入了jQuery库,我创建了一个在加载页面时加载的函数。代码如下:

<!DOCTYPE html>
<html lang="it">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>  
        <title>Lista coupon</title>
        <script type="text/javascript" src="jquery-1.9.1.min.js"></script>
        <script type="text/javascript" charset="utf-8">
            function loadJson() {
                window.alert("Carico il contenuto del file JSON per popolare la lista");
                $(document).ready(function()
                    {
                        $.getJSON('data.json', function(json) {
                            console.log(json);
                        });
                    });
                }
        </script>
    </head>
    <body onload="loadJson();">
        <div id="header">
            <h1>Lista coupon salvati</h1>
        </div>
        <div id="content">
            <p>Di seguito trovi tutte le promozioni salvate</p>

        </div>
        <div id="footer">

        </div>
    </body>
</html>

现在我在firebug控制台上看到它可以正确读取JSON文件,但我不知道如何解析这个JSON。我在谷歌搜索,但我发现很多使用远程JSON的例子。你能帮我理解如何解析本地JSON文件吗? 谢谢

PS:请注意我在这里发布的网站是为移动浏览器制作的。

2 个答案:

答案 0 :(得分:9)

getJSON会为你解析它。

只需删除var obj = $.parseJSON(json);行(因为这将对对象进行字符串化并尝试将其解析为JSON(它不会是))。

答案 1 :(得分:2)

我认为你不需要解析json。它会自动解析json,因为你正在使用$ .getJSON()。