关于javascript：如何将数据从节点js传递给html。

您所在的位置：网站首页 › jq替换节点方法 › 关于javascript：如何将数据从节点js传递给html。

关于javascript：如何将数据从节点js传递给html。

2023-04-14 20:15| 来源: 网络整理| 查看: 265

我怎样才能简单地将一个变量从节点js传递给html并在页面中显示？什么是简单的机制。我正在尝试使用节点js开发一个简单的待办事项列表

相关讨论看一下基于Node.js的框架，比如express 将变量从node.js传递给html的可能重复哦..谢谢。我可以不用快递吗？ Express有一些很好的方法可以为这种事情开发REST或渲染解决方案。谢谢。让我检查一下

这里有两种方法可用于查看从节点(服务器端)到html的数据：

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

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

Ajax调用：

1234$.get("/users", function( data ) { $(".result" ).html( data ); alert("Load was performed." ); });

2-你可以用翡翠快递(我推荐 http://expressjs.com/)

这是关于如何开始使用node.js的博客点击这里我为nodejs创建了一个入门套件如果您有兴趣点击这里

相关讨论 Express不是模板引擎。它使用Jade，这是一个模板引擎。您也可以使用Handlebars或EJS。

试试这个，它可能对你有帮助。

Following函数将动态数据绑定到html

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

}

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

123456789101112app.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(); });

});

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

关于javascript：如何将数据从节点js传递给html。

关于javascript：如何将数据从节点js传递给html。

今日新闻

推荐新闻