首页 > Express渲染首页,需调用多个API,如何保证数据都拿到后再渲染

Express渲染首页,需调用多个API,如何保证数据都拿到后再渲染

渲染首页需要调用4个接口,4个接口之间没有数据依赖关系,需要所有数据都拿到以后再执行render,我大概是这样写的,总感觉不太好。使用了request-promise模块

var data = {};
var i = 0;
  
  event.on('change', function(){
    if(i == 2){
      console.log("渲染页面了");
      res.render('index', data);
    }
  });

  request('/api/good/banner')
    .then(function(htmlString){
      data.banner = JSON.parse(htmlString);
      i++;
      console.log(i);
      event.emit('change');
    });

  request('/1/good/recommend')
    .then(function(htmlString){
      data.list = JSON.parse(htmlString);
      i++;
      console.log(i);
      event.emit('change');
    });
    
    

确实不好看,这么写吧,用Promise.all做处理:

var api1 = request('/api/good/banner');
var api2 = request('/1/good/recommend');

Promise
.all([api1, api2])
.then(function(results) {
    var data.banner = JSON.parse(results[0]);
    var data.list = JSON.parse(results[1]);
});
【热门文章】
【热门文章】