javascript - 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]);
});

这篇关于javascript - Express渲染首页，需调用多个API，如何保证数据都拿到后再渲染的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！