javascript - 使用API​​结果创建另一个请求并将它们一起显示

Question

我在从 API 检索某些数据时遇到问题，服务器提供如下 JSON 数据:

http://segue-api.fisl16.softwarelivre.org/api/rooms/1/slots

http://segue-api.fisl16.softwarelivre.org/api/talks/526 (数字为谈话ID)

我需要创建一个表来可视化与我相关的数据。因此，我创建了一个简单的 JS 函数来从第一个链接 (/rooms/1/slots) 检索信息并提供 HTML 表格(代码如下)。

使用我可以从第一个函数收集的 ID，我想向 API (/talks/"id") 发出另一个请求，并将结果显示在与 ID 相同的行上。

最终结果将是代码片段中的表格，其中有一个名为“description”的新列，其中包含 API 上可用的说明(/talks/“id”)，与“id”位于同一行。

我一无所知，有什么想法吗？

    var room1 = "http://segue-api.fisl16.softwarelivre.org/api/rooms/1/slots"


    $.getJSON(room1,function(data){
    $.each(data.items, function(){
    $("#table").append("<tr><td>"+this['begins']+"</td><td>"+this['talk'].id+"</td><td>"+this['duration']+"</td><td>"+this['talk'].title+"</td><td>"+this['talk'].owner+"</td><td>"+this['talk'].coauthors+"</td><td>"+this['room_name']+"</td>");
    });

});

table, th, td {
   border: 1px solid black;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<table id="table">
  <th>Data e Hora</th>
  <th>Id</th>
  <th>Duração</th>
  <th>Título</th>
  <th>Palestrante</th>
  <th>co-palestrantes</th>
  <th>sala</th>

</table>

Answer 1

如果无法一次从第二个API获取多个ID的数据，可以循环进行子查询(http://jsfiddle.net/tmjvzo63/):

room1 = "http://segue-api.fisl16.softwarelivre.org/api/rooms/1/slots";
$.getJSON(room1,function(data){
$.each(data.items, function(){
    var rid = "r"+this['talk'].id;
    $("#table").append("<tr id='"+rid+"'></tr>");
    $("#"+rid).append("<td>"+this['begins']+"</td><td>"+this['talk'].id+"</td><td>"+this['duration']+"</td><td>"+this['talk'].title+"</td><td>"+this['talk'].owner+"</td><td>"+this['talk'].coauthors+"</td><td>"+this['room_name']+"</td>");
    var rj = "http://segue-api.fisl16.softwarelivre.org/api/talks/"+this['talk'].id;
    $.getJSON(rj,function(data){
        console.log(data.resource.id);
        $("#r"+data.resource.id).append("<td>"+data.resource.full+"</td>");
    });
});
});