gpt4 book ai didi

javascript - 使用 nodeJS 将文章从 X 加载到现有的 x.html

转载 作者:太空宇宙 更新时间:2023-11-04 00:50:46 26 4
gpt4 key购买 nike

是的,这里只是另一个 NodeJS 菜鸟。我已经用谷歌搜索试图找到答案,但由于 nodeJS 还没有 php 那么流行,所以这并不那么容易。

假设我有一个像这样的 index.html 文件:

<html>
<body>
<div id="container">
<div id="title">Articles</div>
<div id="articles">
<!--Load information from nodeJS-->
</div>
</div>
</body>
</html>

我有一个像这样的nodeJS文件:

var http = require('http');

var server = http.createServer(function(request, response) {
response.write("<div class='articletitle'>ABC</div>");
response.write("<div class='articletext'>This is a test article</div>");
response.end();
});

server.listen(3000);

我想要什么?

  • 我想从nodeJS输出中获取文章并将其放入#articles

最佳答案

为此您需要一个模板引擎。一个简单的例子是 EJS(它与您所知道的 PHP 非常接近),下面是示例(不要忘记使用 npm 安装它):

var http = require('http');
var ejs = require('ejs');

// create http server
http.createServer(function (req, res) {
res.writeHead(200, {'content-type': 'text/html'});

// data to render
var articles = [{title: 'Hello'}];

// rendering the ejs file
ejs.renderFile(__dirname + '/views/articles.ejs',
{articles: articles},
function(err, result) {
// render on success
if (!err) {
res.end(result);
} else {
res.end('An error occurred');
console.log(err);
}
}
);
}).listen(3000);

// views/articles.ejs
<html>
<body>
<div id="container">
<div id="title">Articles</div>
<div id="articles">
<% articles.forEach(function(article) { %>
<h2><%= article.title %></h2>
<% }); %>
</div>
</div>
</body>
</html>

关于javascript - 使用 nodeJS 将文章从 X 加载到现有的 x.html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32588400/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com