javascript - 变量未将数据返回到 NODE 中的浏览器

Question

这个问题已经有答案了:

How can I do string interpolation in JavaScript? (21 个回答)

已关闭 3 年前。

我是nodeJs新手，当我尝试将变量数据返回到服务器时，它会以字符串形式返回变量。

这是我的app.js代码

var express = require('express');
var app = express();
var dataFile = require('./data/data');
app.set('port', process.env.PORT || 3000);


app.get('/', (req, res) =>{
    console.log(dataFile);
    var info= '';
    dataFile.friends.forEach(function(item){

        info +='<li><h2>${item.name}</h2><p>${item.summary}</p></li>';
    });
    console.log(info)
    res.send("<h1>MMS</h1>${info}");
});
var Server = app.listen(app.get('port'), function(){
    console.log('listen to port '+app.get('port'));
});

这是我的data.json代码

{
  "friends": [{
    "title" : "Class Friend",
    "name": "Ajay Negi",
    "shortname" : "Ajay",
    "summary" : "Intro",
    "description": "<p>Ajay was born in D.Dun </p>"
  },{
    "title" : "Best Friend ",
    "name": "Manpreet",
    "shortname" : "Manpreet",
    "summary": "Intro",
    "description": "<p>Manpreet was born in D.dun</p>"
  },{
    "title" : "ME",
    "name": "Vijay",
    "shortname" : "V.J",
    "summary": "INTRO",
    "description": "<p>Vijay was born in D.dun</p>"

  }]
}

当我运行浏览器时，它会显示

代替数据如果我使用 js 方法来制作没有 $ 的 li 并仅重新调整信息 var 比它按我预期的方式工作...

Answer 1

更改res.send("<h1>MMS</h1>${info}");至

res.send(`<h1>MMS</h1>${info}`);

了解有关模板字符串的更多信息 here .