使用express接受get和post數(shù)據(jù),首先下載我們所需要的框架 express和express-static
npm install express
npm install express-static
然后使用express創(chuàng)建服務(wù)器并接受get和post數(shù)據(jù)
get數(shù)據(jù)
js代碼:
const express=require('express');
var server=express();
server.listen(8080);
server.use('/',function(req,res){
console.log(req.query);
})
html代碼:
<form action='http://localhost:8080' method='get'>
用戶名: <input type="text" name='user'>
密 碼: <input type="password" name='pass'>
<input type="submit" value='提交'>
</form>
我們開(kāi)啟服務(wù)器羞秤,然后打開(kāi)html頁(yè)面,輸入用戶名和密碼饭聚,點(diǎn)擊提交,我們?cè)诿钚兄芯涂梢钥吹轿覀冚斎氲男畔?huì)在命令行中顯示
post數(shù)據(jù)
接受post數(shù)據(jù)相對(duì)get數(shù)據(jù)來(lái)說(shuō)要稍微復(fù)雜點(diǎn),接受post數(shù)據(jù)需要借助 “中間件” body-parser
所以首先我們需要下載一下body-paser
npm install body-parser
js代碼
const express=require('express');
const bodyParse=require('body-parse');
var server=express();
server.listen(8080);
server.use(bodyParser.urlencoded({}));
server.use('/',function(req,res){
console.log(req.body);
})
html代碼:
<form action='http://localhost:8080' method='post'>
用戶名: <input type="text" name='user'>
密 碼: <input type="password" name='pass'>
<input type="submit" value='提交'>
</form>
我們開(kāi)啟服務(wù)器搁拙,然后打開(kāi)html頁(yè)面秒梳,輸入用戶名和密碼,點(diǎn)擊提交,我們?cè)诿钚兄芯涂梢钥吹轿覀冚斎氲男畔?huì)在命令行中顯示
鏈?zhǔn)讲僮?/h4>
const express=require('express');
const bodyParse=require('body-parser');
var server=express();
server.listen(8080);
//鏈?zhǔn)讲僮鳎?/請(qǐng)求同一個(gè)地址才叫做鏈?zhǔn)讲僮? server.use('/',function(req,res,next){
console.log('a');
next();//next參數(shù)的意思是說(shuō)執(zhí)行完a如果還要繼續(xù)向下執(zhí)行就要寫(xiě)next,不執(zhí)行接下來(lái)的東西就不需要寫(xiě)
})
server.use('/',function(req,res,next){
console.log('b')
})
自己仿寫(xiě)一個(gè)body-parse
const express=require('express');
const querystring=require('querystring');//把數(shù)據(jù)輸出在json中
var server=express();
server.listen(8080);
server.use(function(req,res,next){
var str='';
req.on('data',function(data){
str+=data;
})
req.on('end',function(){
req.body=querystring.parse(str);
next();
})
})
server.use('',function(req,res){
console.log(req.body);
})
const express=require('express');
const bodyParse=require('body-parser');
var server=express();
server.listen(8080);
//鏈?zhǔn)讲僮鳎?/請(qǐng)求同一個(gè)地址才叫做鏈?zhǔn)讲僮? server.use('/',function(req,res,next){
console.log('a');
next();//next參數(shù)的意思是說(shuō)執(zhí)行完a如果還要繼續(xù)向下執(zhí)行就要寫(xiě)next,不執(zhí)行接下來(lái)的東西就不需要寫(xiě)
})
server.use('/',function(req,res,next){
console.log('b')
})
const express=require('express');
const querystring=require('querystring');//把數(shù)據(jù)輸出在json中
var server=express();
server.listen(8080);
server.use(function(req,res,next){
var str='';
req.on('data',function(data){
str+=data;
})
req.on('end',function(){
req.body=querystring.parse(str);
next();
})
})
server.use('',function(req,res){
console.log(req.body);
})