Node.js 同时取多个数据并渲染问题

This topic created in 3660 days ago, the information mentioned may be changed or developed.

小弟初学 node ，有个地方想不明白，想请教一下。

例如我现在要取得 A 、 B 两个数据，并渲染到模板中

传统的渲染模型大概是这样：

var A = getDataA('param')
var B = getDataB('param')

// 这里，获取到了 A 、 B 两个数据，然后一并作为数据渲染到模板中：
render('template',{
    'a':A,
    'b':B
})

但是因为 node 中的异步操作，一般都不直接返回结果，而是传入一个回调函数，处理获取的结果

getDataA('param',funciton(A){
	//这里获取到了 A ，并处理，此时可以去获取Ｂ
    
	getDataB(param,function(B){
		//获取到 B
		//这里就访问不到 A 了，此时在这里渲染出去，就只能渲染 B,有没有什么办法 A/B 同时获取，并渲染模板
     render('template',{
     	'b':B
     })
	})
})

请教有什么好的解决办法，或者是我又想不到的地方？

渲染

param'

Node

获取

16 replies • 2016-07-15 23:26:41 +08:00

aivier

Jul 15, 2016 via Android

这里应该是能访问到 A 的吧...

ik0r

Jul 15, 2016

```
var a = yield getData('A');
var b = yield getData('B');
render('template', {
'a': a,
'b': b
});
```

```
var a = getData('A'); // get a promise
var b = getData('B'); // get a promise

Promise.all([a, b]).then(function(a, b){
render('template', {
a: a,
b: b
})
});
```

ik0r

Jul 15, 2016

上面 promise.all().then 得到的是一个 array, 不是 a, b 两个参数

haozhang

Jul 15, 2016 via iPhone

在 getDataB 的回调函数里面是可以访问到 A 的

wuhuaji

Jul 15, 2016 via Android

@haozhang 多谢指正，看来基础还是不够牢固

wuhuaji

Jul 15, 2016 via Android

@Jeremial 谢谢，回去看下 promise

zhuangzhuang1988

Jul 15, 2016

http://nqdeng.github.io/7-days-nodejs/#6.2 没有 promise 的情况

sherlocktheplant

Jul 15, 2016

用 async 库的话比较简单

async.parallel([
function(callback) { getData('A', callback) },
function(callback) { getData('B', callback) }
], function(err, results){
var a = results[0];
var b = results[1];
render('template', {
a: a,
b: b
});
});

不用库的话
var a,b, aFetched, bFetched;

getData('A', function(result){
a = result;
aFetched = true;
checkResults();
});

getData('B', function(result){
b = result;
bFetched = true;
checkResults();
});

function checkResults(){
if(bFetched && bFetched) {
render({
a: a,
b: b
});
}
}