nodejs获取渲染过js的html_教程

这取决于你的首屏是怎么渲染的。

1、服务器端渲染：

后台把数据按照格式拼成html字符串（服务器端模板引擎最终也干的是这个，不过是更优雅而已），最终生成完整html文件。

2、客户端渲染：

html文件只包含静态的内容，客户端打开html后再发起ajax请求去后台请求数据，前台拿到数据拼html字符串查到html文件里（同上，客户端模板引擎最终也干的是这个，不过是更优雅而已）。

首先获取http，并创建一个web服务，监听本地端口1337，这个可以修改，任何未被占用的端口都可以用，并坚挺data事件和end事件，整个文件保存为app.js

写一个html5网页，这个网页中的内容如下面所示，目标是获取这个表单中的name 和age数据，action是服务器地址和端口,文件名index.html

可以用浏览器来打开这个端口，如下图中所示，对浏览器无要求，基本上常用的浏览器都可以打开

在命令行中运行服务，node app.js，然后在第三步中的html页面上点击提交按钮。这时命令行中的显示如下，这样就得到了表单中post的数据，完成了html中数据从前端到后台的过程

同时网页跳到如下所示

下面这里贴上测试代码

////////////////app.js///////

var http = require('http')

var server = http.createServer(function(req,res){

if(req.url!=="/favicon.ico"){

req.on('data',function(data){

console.log("服务器接收到的数据：　"+decodeURIComponent(data))

})

req.on("end",function(){

console.log('客户端请求数据全部接收完毕')

})

}

res.end()

}).listen(1337,"localhost",function(){

console.log("listened")

})

////////////////index.html///////

<!DOCTYPE html>

<html>

<head>

<title>Nodejs的data事件与end事件的回调函数测试用页面</title>

</head>

<body>

姓名：<input type = 'text' name = "name" value ="dragon"><br/>

年龄：<input type = "number" name = "age" value ="25">

</form>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

nodejs获取渲染过js的html