Javascript API请求

Javascript API请求,javascript,jquery,json,ajax,vue.js,Javascript,Jquery,Json,Ajax,Vue.js,我在理解如何用javascript解决这个问题时遇到了一个小问题。以下是问题和细节。欢迎任何帮助 问题: 给定的是具有两个端点的服务器后端:/GetLocalPressReleases和/GetGlobalPressReleases。可以使用简单的无参数GET请求访问这两个端点,并返回JSON文档。JSON文档的格式如下所示。请编写JavaScript代码来调用两个端点,并创建一个JavaScript数组,其中包含来自两个源的信息,并添加一个源字段,指示信息的来源,以便进一步处理。数组应按时间戳

我在理解如何用javascript解决这个问题时遇到了一个小问题。以下是问题和细节。欢迎任何帮助

问题:

给定的是具有两个端点的服务器后端:/GetLocalPressReleases和/GetGlobalPressReleases。可以使用简单的无参数GET请求访问这两个端点,并返回JSON文档。JSON文档的格式如下所示。请编写JavaScript代码来调用两个端点,并创建一个JavaScript数组,其中包含来自两个源的信息,并添加一个源字段,指示信息的来源,以便进一步处理。数组应按时间戳降序排序。可视化输出

代码


非常感谢您对如何解决此问题的任何帮助。谢谢,各位。

您需要的是一个嵌套回调,以及一个用于存储来自两个端点的数据的全局数组

您可以使用jQuery.ajax或Axios。如果不是,请使用fetch或XMLHttpRequest

var arr = [];
$.ajax('/GetLocalPressReleases',{
    success: (data)=> {
        arr = data.map( x=> x);
        $.ajax('/GetGlobalPressReleases',{
            success : (innerData) => {
               for (const e of innerData){ arr.push(e);  }
               // Do visualizations here
            }
        })
    }
})

当然,您最好捕获嵌套回调的每个级别上的错误,并相应地处理它们。为了避免回叫地狱,你可以使用承诺或。然后…抓住。。。在Axios中

可视化输出到底意味着什么?这是否意味着在HTML模板中可视化结果?我只需要澄清一下。谢谢
var arr = [];
$.ajax('/GetLocalPressReleases',{
    success: (data)=> {
        arr = data.map( x=> x);
        $.ajax('/GetGlobalPressReleases',{
            success : (innerData) => {
               for (const e of innerData){ arr.push(e);  }
               // Do visualizations here
            }
        })
    }
})