Javascript 如何将数据从节点js传递到html。?
如何将变量从node 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的数据: 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。谢谢您的评论