这篇文章主要为大家详细介绍了nodejs之http的表单提交,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
之前介绍了http模块的请求与响应的过程,也介绍了tcp协议的客户端与服务端的数据传输,http协议是tcp上层协议。这里创建了一个简单的web服务器,并对提交表单数据进行处理,根据了不起的node.js一书总结。
post方法提交表单数据
之前也总结过,向服务器提交数据需要使用post方法,get方法的请求信息都在查询字符串中,没有请求体,而post方法的传输的数据都在请求体中,故提交表单数据时需要使用post方法。
req是请求信息,req.url表示请求的地址,当服务器运行之后,req请求的网址为127.0.0.1:3000,此时req.url为‘/',则返回的是一串表单数据,在表单数据中设置了method是post,action是‘/url',表面提交数据的方式是post,将数据提交的地址为127.0.0.1:3000/url,而提交之后要获取新的页面即127.0.0.1:3000/url,此时req.url为‘/url',故显示的另一个页面。
//提交表单数据
var http=require('http');
var querystring=require('querystring');
var server=http.createserver(function (req,res) {
//req.url不同则返回的页面不同
if('/'==req.url){
res.writehead(200,{'content-type':'text/html'});
res.write([
'<form method="post" action="/url">',
'<h1>my form</h1>',
'<fieldset>',
'<label>personal information</label>',
'<p>what is your name?</p>',
'<input type="text" name="name">',
'<button>submit</button>',
'</form>'
].join(''));
res.end();
}else if('/url'==req.url&&req.method=='post'){
var reqbody='';
req.on('data',function (data) {
reqbody += data;
});
req.on('end',function () {//用于数据接收完成后再获取
res.writehead(200,{'content-type':'text/html'});
res.write('you have sent a '+req.method+' request\n');
res.write('<p>content-type:'+req.headers['content-type']+'</p>'
+'<p>data:your name is '+querystring.parse(reqbody).name+'</p>');
res.end();
})
}else{
res.writehead(404);
res.write('not found');
res.end();
}
}).listen(3000,function () {
console.log('server is listening 3000');
});
提交之后,需要获取请求信息的请求体,因为post方法中信息都在请求体中,用req绑定data事件获取数据,这里需要注意的是必须得在数据接收完成后再对数据进行操作,即必须绑定end事件监听请求信息是否传输完成。
querystring是查询字符串模块,用于对查询字符串的解析,parse方法将查询字符串解析成一个对象。在git中运行服务器,得到页面是这样的:
提交数据后:
以上就是nodejs中关于http的表单提交实例的详细内容。