Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/412.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用从GitHub API获取数据动态填充表?_Javascript_Html_Api_Github_Fetch - Fatal编程技术网

Javascript 如何使用从GitHub API获取数据动态填充表?

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

我正在学习如何从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列表 下载 分支机构 请选择第三行: 刷新
如果您在服务器端进行管理,并在加载html页面时使用从服务器发送的2个元素迭代列表,则会更好。谢谢,这非常有用!现在,回购的其余部分都在下拉菜单中,我如何让选中的选项添加/替换表中的第三行?