jquery json加载两个变量

时间:2012-01-22 02:18:01

标签: javascript jquery html json

我有两个.json文件

data_prod_ind.json

{"articles":
    [ { "title":"bla bla" } , { "title":"bla bla" } ]
}

data_prod_ind_epif.json

{"names":
    [ { "title":"bla bla" } , { "title":"bla bla" } ]
}

HTML

<div id="mn_1" class="mn_sb" data-articleidx="0">CONTROL RELAY</div>
...
<div id="tt_mn"></div>

<div id="content_mn"></div>

脚本

var idx = $(this).data('articleidx');
$.getJSON("auth/data_prod_ind.json", function(data) {
    $("#tt_mn").html($("<p class='prod_c'>" + data.articles[idx].title + "</p>"));
    $("#content_mn").html($("<p class='prod_d'>" + data.names[idx].title + "</p>"));
});

我认为只有一个json文件会更好:

{"articles":
    [ { "title":"bla bla" } , { "title":"ble ble" } ]
}
{"names":
    [ { "title":"blo blo" } , { "title":"blu blu" } ]
}

我说是因为它只显示data_prod_ind.json中的内容,而不显示另一个内容。

EXAMPLE

3 个答案:

答案 0 :(得分:3)

没有理由说你不能拥有一个文件:

{
    "articles":[{"title":"bla bla bla"},{"title":"bla bla bla"}],
    "names":[{"title":"bla bla bla"},{"title":"bla bla bla"}]
}

答案 1 :(得分:1)

在getJSON中,您打开一个文件,但尝试同时使用它们。

您必须单独打开它们,或者更好地将您的所有数据放在一个唯一的分层JSON对象中。

答案 2 :(得分:-1)

有效的JSON组合:

[
    {
        "articles": {
        "title": "ble ble"
        },

        "names": {
        "title": "blu blu"
        }
    }
]