Question

我想在加载CSS时呈现页面。函数css_parser.getCSSFiles()异步读取文件并将CSS内容发送到变量css.cssFile。我如何强制res.render等待文件读取结束？

router.get('/main', function(req, res) {

    var directory = '../app/public/stylesheets/',
        file = 'style_720.css';

    css_parser.getCSSFiles(directory,file);
    app.locals.css = css.cssFile;

    res.render('ua', {
        css: app.locals.css,
    });

});

//js module

getCSSFiles: function(directory, fileName) {
    var array = css.cssFile;
       fs.readFile(directory + fileName, 'utf8', function(err, data) {
           if (err) {
               return console.log(err);
           }
           (array.push(data));
       });
}

Answer 1

您必须更改getCSSFiles()以接受回调作为参数，然后让它在完成后调用该回调，然后您可以从该回调中调用res.render()。这是了解何时在node.js中完成异步操作的常用方法。

没有其他方法可以知道何时完成。它必须通过回调或某种事件通知（一种或另一种）告诉你。

如果您向我们展示getCSSFiles()的代码，我们可能会更具体地为您提供帮助。

您希望最终得到的结果（在修改getCSSFiles()之后）是这样的：

router.get('/main', function(req, res) {

    var directory = '../app/public/stylesheets/',
        file = 'style_720.css';

    css_parser.getCSSFiles(directory,file, function(err, data) {
        if (!err) {
             res.render('ua', {css: data});
        }
    });
});

然后，将getCSSFiles更改为：

getCSSFiles: function(directory, fileName, callback) {
       fs.readFile(directory + fileName, 'utf8', function(err, data) {
           if (err) {
               callback(err);
               return console.log(err);
           }
           callback(null, data);
       });
}

等待css_parser.getCSSFiles（）

1 个答案: