Javascript 如何从多个 node 请求主体中获取数据并传递到 EJS 文件中

发布于09月24日

我正在创建一个网站，它使用一个API来显示足球(足球)比分，赛程等.我试图创建一个全局变量来保存请求数据，然后传递到ejs，然而这似乎不起作用.

router.get('/stats', (req, res) => {


request(options, function (error, response, body) {
    if (error) throw new Error(error);

  top_scorer_data = JSON.parse(body)

});


request(options2, function (error, response, body) {
    if (error) throw new Error(error);

  top_assists_data = JSON.parse(body)

});


request(options3, function (error, response, body) {
    if (error) throw new Error(error);

  top_red_cards_data = JSON.parse(body)  

});


request(options4, function (error, response, body) {
    if (error) throw new Error(error);

  top_yellow_cards_data = JSON.parse(body)

});

res.render('bundesliga/stats', {})

})

推荐答案

你应该遵循Dry原则，将request转移到一个服务或助手功能. 您不应该使用全局变量，而应该使用Promise，然后等待所有请求完成.

因此，您应该简化请求方法(您真的应该迁移到axios或node-fetch，因为request已弃用)

然后使用Promise.all对每个选项发出所有请求，然后将结果收集到变量中，然后将这些变量传递给.render方法.

试试这个:

router.get('/stats', async(req, res) => {

    function getData(options) {
        return new Promise((resolve, reject) => {
            request(options, function(error, response, body) {
                if (error) reject(error);
                resolve(JSON.parse(body));
            });
        });
    }



    const [top_scorer_data, top_assists_data, top_red_cards_data, top_yellow_cards_data] = await Promise.all([
        getData(options),
        getData(options2),
        getData(options3),
        getData(options4)
    ]).catch(err => {
        console.log('err', err);
    });

    res.render('bundesliga/stats', {
        top_scorer_data,
        top_assists_data,
        top_red_cards_data,
        top_yellow_cards_data
    });

});