我想在 HTML 中显示一些卡片元素。我想从 javascript 数组中获取卡片元素的变量。(如标题等)。卡片元素编号也将取决于 Javascript 数组大小。我查看了其他问题,例如生成动态表,但由于我有一个很长的自定义 html 代码块,它不起作用。
这是针对我正在构建的网站。我已经通过 HTTP get 请求从 api 端点获取了变量,但无法按我的意愿显示。我查看了许多类似的问题,但找不到我正在寻找的答案。
这是使用 HTTP get 请求获取变量的脚本
<script>
const request = new XMLHttpRequest();
request.open('GET', 'api/seminars', true);
request.onload = function() {
// Begin accessing JSON data here
const data = JSON.parse(this.response);
if (request.status >= 200 && request.status < 400) {
data.forEach(resultArray => {
document.getElementById('output').innerHTML = resultArray.name;
document.getElementById('description').innerHTML =
resultArray.description;
document.getElementById('date').innerHTML = resultArray.date;
});
} else {
console.log('error');
}
};
request.send();
</script>
Run Code Online (Sandbox Code Playgroud)
HTML代码:
<div id="accordion">
<div class="card">
<div class="card-header" id="headingOne"> …Run Code Online (Sandbox Code Playgroud) 我有一个对象列表,其中包含一个名为的属性created:
let objs = [
{ id: "1", created: "2019-02-12 00:00:00" },
{ id: "2", created: "2018-02-12 00:00:00" },
{ id: "3", created: "2017-02-12 00:00:00" },
{ id: "4", created: "2016-02-12 00:00:00" },
{ id: "5", created: "2015-02-12 00:00:00" }
]
Run Code Online (Sandbox Code Playgroud)
我想要返回所有2019年和月份的记录:02,所以我做了:
var curr_date = moment(moment(), "YYYY-MM-DD");
var in_month = objs.filter((item) => function () {
return (moment(item.created, format).month() == curr_date.month() &&
moment(item.created, format).year() == curr_date.year())
});
Run Code Online (Sandbox Code Playgroud)
问题是in_month总是返回整个数组,为什么?预期输出应为id为1的记录