Javascript 如何将数据从节点js传递到html。?

Javascript 如何将数据从节点js传递到html。?,javascript,jquery,html,ajax,node.js,Javascript,Jquery,Html,Ajax,Node.js,如何将变量从node js传递到html并在页面中显示? 简单的机制是什么。 我正在尝试使用node js开发一个简单的待办事项列表这里有两种方法可以用来查看从节点(服务器端)到html的数据: 1-您可以在node中创建一个文件,该文件以json格式返回数据,然后从JQuery执行ajax调用该页面并用它替换部分HTML。 节点js中的示例代码: var usersFilePath = path.join(__dirname, 'users.min.json'); apiRouter.get(

如何将变量从node js传递到html并在页面中显示? 简单的机制是什么。
我正在尝试使用node js开发一个简单的待办事项列表这里有两种方法可以用来查看从节点(服务器端)到html的数据:

1-您可以在node中创建一个文件,该文件以json格式返回数据,然后从JQuery执行ajax调用该页面并用它替换部分HTML。 节点js中的示例代码:

var usersFilePath = path.join(__dirname, 'users.min.json');
apiRouter.get('/users', function(req, res){
    var readable = fs.createReadStream(usersFilePath);
    readable.pipe(res);
});
Ajax调用:

$.get( "/users", function( data ) {
  $( ".result" ).html( data );
  alert( "Load was performed." );
});
2-你可以用捷运和杰德(我推荐) )

下面是我关于如何开始使用node.js的博客
如果您感兴趣,我为nodejs创建了一个初学者工具包

建立一个路由并使用
res.send
方法以html内容响应。html内容可以使用es2015模板在响应中包含一个变量。所以它看起来像:

const name = 'pradeep';
res.send(`hello ${name}`);

试试这个,它可能对你有帮助

以下函数将动态数据绑定到html

function doDataBinding(data, databindings){
for(var prop in databindings)
    if( databindings.hasOwnProperty(prop) )
        data = data.split('${'+prop+'}').join(databindings[prop]);
return data;
}

验证动态数据绑定的请求示例如下

app.use('/*', function(req, res){
//sample binding data
var dataToBind = { 'msg' : 'You\'ve been logged out successfully.' , 'error' : 'The username and password that you entered don\'t match.' };
res.writeHead(200, {
        "Content-Type": "text/html"
});
fs.readFile( __dirname + '/login.html', 'utf8' ,function(err, data) {
    if (err) throw err;
    data = doDataBinding(data,dataToBind);
    res.write(data);
    res.end();
});
}))


尝试使用login.html,它有${msg}和${error}数据绑定。

看看基于Node.js的框架,比如可能重复的Oh..谢谢。我可以不用express吗?express有一些很好的方法来开发REST或渲染解决方案。谢谢。让我看看checkExpress不是一个模板引擎。它使用Jade,这是一个模板引擎。您也可以使用把手或EJS。谢谢您的评论