java - 如何将 JSON 文件中的特定数据解析为 html 下拉菜单
问题描述
嗨,在我上面显示的 json 文件中,有超过 30 个比赛日,我想知道我如何能够将 JSON 文件中的数据解析为 html 文件,并在下拉菜单中提供能够过滤的选项matchdays 或按团队过滤,是否可以这样做或者我是否想太多 了
我想知道有没有办法可以按特定球队或比赛日过滤这些结果?任何帮助表示感谢
解决方案
下面的代码片段将帮助您完成工作。
var json = '{"name":"EnglishPremierLeague2015","rounds":[{"name":"Matchday1:","matches":[{"date":"2015-08-08","team1":{"key":"manutd","name":"ManchesterUnite","code":"MUN"},"team2":{"key":"tottenham","name":"TottenhamHotspu","code":"TOT"},"scorer":1,"score2":0}]},{"name":"Matchday2:","matches":[{"date":"2015-08-09","team1":{"key":"India","name":"IndianCricketTeam","code":"IND"},"team2":{"key":"England","name":"EnglandCricketTeam","code":"ENG"},"scorer":1,"score2":0}]}]}';
var data = JSON.parse(json);
// Filter by Match Day
var filter = $(data.rounds).filter(function () {
return this.name == "Matchday1:";
})
// Test Case :)
if (filter.length == 1) {
console.log("Filter working")
}
var filterbyTeam = $(data.rounds).filter(function () {
return this.matches.filter(function (e) {
return e.team1.key == "India" || e.team2.key == "India";
}).length >= 1;
})
// Test Case :)
if (filterbyTeam.length == 1) {
console.log("Filter working")
}
此代码将获取带有过滤器的 JSON 数组,您可以进一步使用它来显示您的 HTML。
注意:您需要根据您的要求传递过滤器文本。您也可以更改属性以过滤特定数据。
希望这会有所帮助:)
推荐阅读
- amazon-web-services - 如何区分 EC2 实例中的实例存储卷与 ebs
- parse-platform - 解析定位服务
- android - 通过代码在垂直LinearLayout中乘RelativeLayout
- excel - 将具有特定标题的工作表列复制到另一个工作表上的不同列中
- django - 如何修复 django 2.1.3 中的“MultiValueDictKeyError”
- attributes - 在android中的多行文本视图上应用的不同滚动条属性的用途是什么?
- python - fancyimpute Python 3 MemoryError
- javascript - 悬停在每个节点上时带有工具提示的 Highchart 网络图
- latex - 渐近线方程项之间的箭头
- node.js - Mongoose 等待 doc.save() 不完整