javascript - jquery json加载两个变量

标签 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

最佳答案

好吧,你没有理由不能拥有一个包含以下内容的文件:

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

关于javascript - jquery json加载两个变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8958441/

相关文章:

javascript - 使弹出窗口的高度扩展到它的子项的内容

javascript - 使用 JQuery 插入 HTML,但 JQuery 和 CSS 样式未应用于新的 HTML

php - javascript 附加代码的最佳位置

jquery - 在响应式网站的叠加层中很好地显示 float 元素

javascript - 为什么 ie 和 chrome 中的表单提交不起作用

javascript - 油猴脚本。如何自动单击之间有未知空白量的链接

javascript - 为什么这个 UrlFetch 函数不能正常工作?

javascript - 一个按钮中有两个onClick函数,并且想要一个接一个地发生单击函数

javascript - Codeigniter ajax表单验证错误

javascript - jQuery slider 在 IE 中不起作用