nodejs简单实现动态html的⽅法
动态替换html内容
js 正则替换1.实现的功能及原理
实现了将，⽤户表单的数据，与html相结合，将⽤户输⼊的数据，显⽰到html对应的位置。
原理：通过正则表达式，替换html中的模板数据如⽤户名{name}，可以通过拿到⽤户提交的name的值value，通过replace（正则表达式，value）的⽅式替换掉原模板数据，并输出到客户端。
2.主要⽤到的⽅法和模块
2.1⽂件操作模块 var fs=require("fs");
⽅法：
2.1.1 异步读取⽂件的⽅法
参数说明:
path:⽂件的路径（包含⽂件名称）
callback:⽂件读取完毕的回调函数
⽂件读取的数据，从该⽅法获得，会⾃动填充
callback:function(err,data){
if(err){
//读取⽂件错误的逻辑
}else{
//对数据的操作，如打印
console.log(data);
}
}
2.2 数据处理模块 var querystring=require("querystring");
⽅法:
2.2.1 将字符串转换成对象
querystring.parse(post);
2.3 post请求主要⽅法
监听有post数据上传的⽅法:('data',funcation(chunk){
//chunk post数据碎⽚
});
监听post数据上传完毕的⽅法:('end',function(){
//相关逻辑
});
3.核⼼代码requestHandler.js
/*
请求处理
* */
//加载node⾮阻塞线程模块
//var exec=require("child_process").exec;
//加载queryString模块和⽂件上传模块
var http = require("http");
var formidable = require('formidable');
var fs = require("fs");
var path = require("path");
var querystring=require("querystring");
function login(request, response) {
var post="";
//监听post发送请求
<('data',function (chunk) {
post += chunk;
});
//数据接收完毕
<('end',function(){
post=querystring.parse(post);
/*替换的数据模板字段*/
var arr=["name","password"];
function recall (data) {
dataStr = String();
//遍历模板字段
for (var i = 0; i < arr.length; i++) {
//全局替换
var re=new RegExp('{'+arr[i]+'}','g');
place(re,post[arr[i]]);
}
response.writeHead(200, {"Content-Type": "text/html"});
response.write(dataStr);
}
recall(data);
});
});
}
function index (request, response) {
if (err) {
String();
} else{
response.writeHead(200, {"Content-Type": "text/html"});
response.write(data);
}
})
}
exports.login = login;
exports.index=index;
4.html模板
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
⽤户名:{name}<br />
<!--
{name},{password}为要替换的模板字段
-->
密码:{password}<br />
<form action="/login" method="post">
<input type="text" name="name" /><br />
<input type="password" name="password" /><br />
<input type="submit" value="提交"/>
</form>
</body>
</html>
以上这篇nodejs 简单实现动态html的⽅法就是⼩编分享给⼤家的全部内容了，希望能给⼤家⼀个参考，也希望⼤家多多⽀持。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。