express.html:
<html>
<body>
<form action="http://127.0.0.1:8082/express_post" method="POST" onsubmit="return check(this)">
firstName:<input type="text" name ="first_name" /><br/>
lastName:<input type="text" name = "last_name" />
<input type="submit" value="提交" />
</form>
<script>
function check(form){
if(form.first_name.value==''){
alert('请输入名字');
form.first_name.focus();
return false;
}
if(form.last_name.value==''){
alert('请输入姓氏');
form.last_name.focus();
return false;
}
return true;
}
</script>
</body>
</html>
express_post.js
var express = require('express');
var app = express();
var bodyParser = require('body-parser');
//创建application/x-www-form-urlencoded编码解析
var urlencodeParser = bodyParser.urlencoded({extended:false})
app.use(express.static('static'));
//没有"/"是不行滴
app.get('/express.html',function(req,res){
console.log(__dirname)
res.sendFile(__dirname+'/'+'express.html');
})
app.post('/express_post',urlencodeParser,function(req,res){
//输出json格式
var response = {
"first_name":req.body.first_name,
"last_name":req.body.last_name
}
res.end(JSON.stringify(response))
})
var server = app.listen(8082,function(){
var host = server.address().address;
var port = server.address().port;
console.log('请求地址:http://%s:%s',host,port)
})