[JavaScript知识库] node实现get与post请求简单的服务器

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> node实现get与post请求简单的服务器 -> 正文阅读

[JavaScript知识库]node实现get与post请求简单的服务器

在了解这篇之前，您的电脑环境一定要配置node的环境，使用node命令可以搭建一个简单的服务器。

这是登录页面

负责提交数据，实现get与post请求

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
	<h1>get请求</h1>
    <form action="http://localhost:3000/login" method="get">
        用户名：<input type="text" name="username"><br>
        密码：<input type="password" name="password"><br>
        <input type="submit" value="提交">
    </form>
	<hr />
	<h1>post请求</h1>
	<form action="http://localhost:3000/login" method="post">
	    用户名：<input type="text" name="username"><br>
	    密码：<input type="password" name="password"><br>
	    <input type="submit" value="提交">
	</form>
	
</body>
</html>

这是工具类，可以根据url请求文件获取完整的编码格式，当然是mime格式

mime.json文件自行下载或者可以参照官方文档或者百度编写

/*
根据服务器发送的网址，匹配mime的编码格式
*/
const path = require('path');
const fs = require('fs');
const mime = require('./mime.json');

exports.staticServer = (req,res,root)=>{
	fs.readFile(path.join(root,req.url),(err,fileContent)=>{
		if(err){
			//没有找到文件
			res.writeHead(404,{
				'Content-Type':'text/plain;charset=utf8'
			});
			res.end('服务器已经搬家了，请联系管理员.....');	
		}else{
			let dtype='text/html';
			//获得请求文件的后缀
			let ext = path.extname(req.url);
			//如果请求的文件后缀能在minme.json文件中找到，就会获取准确的响应格式
			if(mime[ext]){
				dtype = mime[ext];
			}
			//如果文件内容是文本，就设置utf8编码
			if(dtype.startsWith('text')){
				dtype+=';charset=utf8';
			}
			//设置响应头信息
			res.writeHead(200,{
				'content-Type':dtype
			});
			res.end(fileContent); //输出文件内容
		}
	})
}

服务器入口文件

使用node 文件名.js 开启

/*
登录验证
http://localhost:3000/www/list.html
http://localhost:3000/www/data.xml
http://localhost:3000/www/about.html
http://localhost:3000/www/login.html
http://localhost:3000/www/logo.png
*/
const http = require('http');
const url = require('url');
const querystring = require('querystring');
const ss = require('./serverTools.js'); //引入文件

http.createServer((req,res)=>{
	//启动静态资源服务
	if(req.url.startsWith('/www')){
		ss.staticServer(req,res,__dirname);
	}else if(req.url.startsWith('/login')){ //动态资源
		//get请求
		if(req.method=='GET'){
			let param = url.parse(req.url,true).query; //获取的是对象
			if(param.username=='admin' && param.password=='123'){
				res.end('get 登录成功');
			}else{
				res.end('get 登录失败');
			}
		}
		//post 请求
		if(req.method=='POST'){
			let pdata='';
			req.on('data',(chunk)=>{
				pdata += chunk;
			});
			req.on('end',()=>{
				let obj = querystring.parse(pdata);
				if(obj.username='admin' && 'password'=='123'){
					res.end('post 登录成功');
				}else{
					res.end('post 登录成功');
				}
			})
		}
	}
	console.log(req.url);
}).listen(3000,()=>{
	console.log('success running......');
})