Javascript 如何使用从GitHub API获取数据动态填充表?
我正在学习如何从API(即GitHub)获取数据。我目前有一张这样的表: GitHub API获取 桌子 th, 运输署{ 边框:1px纯黑; 边界塌陷:塌陷; } th, 运输署{ 填充物:5px; } 输入有效的GitHub用户id: 获取详细信息 仓库名称: 时间戳:创建和更新 大小 叉数 公开发行数量 HTML网址 使用的语言和URL列表 下载 分支机构 请选择第三行: 刷新 下面的片段 获取Github回购协议 仅向表名添加两行 将其余部分添加到下拉列表中 功能寄宿名称{ 回传`https://api.github.com/users/${username}/repos` .thenresponse=>{ return response.json } .thenjson=>{ 返回json } .catcherr=>{ 日志'Fetch Error:-S',err; }; } const getRepos=asyncusername=>{ const ret=等待安置SUSERNAME 回程网 } 异步函数{ const repos=等待getRepos'gegegeke' //现在您在repos const中有了存储库-从这里开始, //你可以用它 //console.log'getRepos:',repos //解构repos阵列 //rep1-第一个元素 //rep2-第二个元素 //表示-元素的其余部分 常数[rep1,rep2,…rept]=回购 添加两行[rep1,rep2] 添加选择选项代表 }; const addtworrows=行=>{ rows.forEache=>{ const tbody=document.querySelector'gitTable tbody' const tr=document.createElement'tr' tr.innerHTML=rowHtmle tbody.appendChildtr } } const rowHtml=行=>{ html= html+=`${row.name}` 返回html } const addSelectOptions=arr=>{ const dropdown=document.getElementById'selectDD' dropdown.innerHTML=选择htmlar } const selectHtml=arr=>{ 返回arr.mape=>`${e.name}`.join } 桌子 th, 运输署{ 边框:1px纯黑; 边界塌陷:塌陷; } th, 运输署{ 填充物:5px; } 输入有效的GitHub用户id: 获取详细信息 仓库名称: 时间戳:创建和更新 大小 叉数 公开发行数量 HTML网址 使用的语言和URL列表 下载 分支机构 请选择第三行: 刷新Javascript 如何使用从GitHub API获取数据动态填充表?,javascript,html,api,github,fetch,Javascript,Html,Api,Github,Fetch,我正在学习如何从API(即GitHub)获取数据。我目前有一张这样的表: GitHub API获取 桌子 th, 运输署{ 边框:1px纯黑; 边界塌陷:塌陷; } th, 运输署{ 填充物:5px; } 输入有效的GitHub用户id: 获取详细信息 仓库名称: 时间戳:创建和更新 大小 叉数 公开发行数量 HTML网址 使用的语言和URL列表 下载 分支机构 请选择第三行: 刷新 下面的片段 获取Github回购协议 仅向表名添加两行 将其余部分添加到下拉列表中 功能寄宿名称{ 回传`h
如果您在服务器端进行管理,并在加载html页面时使用从服务器发送的2个元素迭代列表,则会更好。谢谢,这非常有用!现在,回购的其余部分都在下拉菜单中,我如何让选中的选项添加/替换表中的第三行?