Form提交表单
1.创建服务器
Var http=require(“http”);
http.createServer(function(req,res){
res.writeHead(200,{”Content-Type”:”text/html;charset:utf-8”});
Res.end();
}).listen(2345);
Console.log(“服务器已开启”);
2.form表单
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>登陆</title>
<style >
.onsi{
color:red;
}
</style>
</head>
<body>
<!-- get请求 -->
<form method="get" action="http://127.0.0.1:2345">
<!-- post请求 -->
<!-- <form method="post" action="http://127.0.0.1:2345"> -->
用户名: <input type="text" name="name" placeholder="username" style="font-size:20px;" size="20" οnfοcus="this.value=''" class="onsi"><br/>
密码: <input type="text" name="pass" placeholder="password" style="font-size:20px; " size="20" οnfοcus="this.value=''" class="onsi"><br/>
<input type="submit" value="登陆">
</form>
</body>
</html>
3.get请求
//get请求
//导入http模块用于搭建http服务器
var http=require("http");
// 导入url模块,用于获取get请求中的数据
var url=require("url");
// get请求的服务器
http.createServer(function(req,res){
// 从请求中获取数据
// 对url进行解析,设置query的内容为对象
var urlObj=url.parse(req.url,true);
// 响应数据
res.writeHead(200,{"Content-Type":"text/html;charset:utf-8"});
res.write("用户名:"+urlObj.query.name);
res.write("密码:"+urlObj.query.pass);
res.end();
}).listen(2345);
console.log("服务器已开启");
4.post请求
//post请求
var http = require("http");
var querystring = require("querystring");
// post请求
http.createServer(function(req, res) {
// 获取post请求
// 请求的data事件,获取到数据时触发,这个事件会触发多次,post请求会把数据分包进行发送
var postData = ""; //用于记录获取的数据
req.on("data", function(chunk) {
// 把获取的数据拼接在一起
postData += chunk;
});
// 请求end事件,当数据发送完毕时触发
req.on("end", function() {
// 字符串进行解析
postData = querystring.parse(postData);
// 响应数据
res.writeHead(200, {"Content-Type": "text/html;charset=utf-8"});
if (postData.name && postData.pass) {
res.write("用户名:" + postData.name);
res.write("密码:" + postData.pass);
} else {
res.write("no find");
}
res.end();
});
}).listen(2345);
console.log("服务器已开启");