我正在尝试创建一个程序,该程序将编写一个.js文件,并将GitHub存储库嵌入到.html文件中。
涉及程序的一切都很好,但是实际的JavaScript会出现此错误:
Uncaught (in promise) TypeError: Cannot read property 'forEach' of undefined
我最初将此代码写到HTML文件中,并且部分起作用,但是当我的程序编写它时,它不起作用。
这是我的程序编写的代码:
window.onload = apifunc();
async function apifunc() {
const url = 'https://api.github.com/repos/piccolowen/noice';
const response = await fetch(url);
const result = await response.json();
const apiresult = document.getElementById('results');
console.log('api++ system working...')
console.log('api++ system by Piccolowen https://github.com/Piccolowen')
console.log('api++ result:');
console.log(result);
if (result === null) {
console.log('result is null')
} else {
result.items.forEach(i => {
const title = document.createElement('a')
title.href = i.html_url
title.className = 'classname'
title.textContent = i.name
apiresult.appendChild(title)
})
}
}
格式不正确,因为这是我的程序编写它的方式。
当我console.log(result)
时,它给了我该页面的内容:https://api.github.com/repos/piccolowen/noice就像应该的那样。
我确实添加了一个if语句,以检查result
是否为null
,但是并没有解决任何问题。
有什么想法吗?