node.js - 如何在 HTMLPage 中显示 node.js 输出

Question

我正在使用 webmatrix 并构建 node.js 应用程序。我想将值从 node.js 传递给项目中的 HTMLPage。

var http = require('http'); var URL = 要求('url');

http.createServer(function (req, res)
{
    res.writeHead(200, { 'Content-Type': 'text/html' });
    res.end('Hi man');


}).listen(process.env.PORT || 8080);

使用该代码，我尝试了它给出了一个带有 hi man 的页面。它很明显。但我希望在我在项目中拥有的 html 页面中呈现它。如何达到。请对此提出一些建议..

score 2 · Accepted Answer

首先我推荐你使用Expressjs，它是一个 Nodejs 的框架。

那么我推荐你使用EJS，一个 Nodejs 的引擎模板。

当集成所有时，您可以使用类似于以下的代码：

...
app.set('views', __dirname + '/views');
app.register('.html', require('ejs'));
app.set('view engine', 'html');
app.use(express.static(__dirname + '/public'));
app.use(express.favicon(__dirname + '/public/img/favicon.ico', { maxAge: 2592000000 }));
app.use(expressValidator);
...

和

...
app.get('/test', function(req, res){
    res.render('test', {msg: "Hello World"});
});
...

最后在您的文件中views/test.html：

...
<div><%- msg %></div>
...

我希望它有所帮助。

补充审查：

问候。

score 0 · Accepted Answer

听起来您想使用 AJAX 请求您的 nodejs 服务器并将服务器的响应注入 HTML 元素。

查看：http ://api.jquery.com/jQuery.getJSON/

这是一个使用 jQuery 连接并从运行在不同主机的端口 8080 上的节点检索服务器响应的示例，并将其插入到 HTML 元素中。

节点：

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

http.createServer(function (req, res)
{
    //parse the url and query string from the request 
    var url_parts = url.parse(req.url, true);

    //if the callback query parameter is set, we return the string (or object)
    if(url_parts.query.callback){
        var str = "Hi man";
        res.writeHead(200, {'Content-Type':'text/html'});
        res.end(url_parsed.query.callback+'("'+str+'")');

    //if it's not set, let's return a 404 error
    }else{
        res.writeHead(404, { 'Content-Type': 'text/html' });
        res.end('404 Error');        
    }
}).listen(process.env.PORT || 8080);

索引.html

<div id="my-div"></div>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
    $(function(){
        //getJSON and the callback paramater make us cross-domain capable.
        $.getJSON('http://myotherhost.com:8080/?callback=?', function(data){
            $("#my-div").html(data);
        });         
    });
</script>

node.js - 如何在 HTMLPage 中显示 node.js 输出

2 回答 2

Related

Reference