快捷導(dǎo)航

Nodejs之http的表單提交

更新時(shí)間：2017年07月07日 11:09:25 作者：艾新覺羅

這篇文章主要為大家詳細(xì)介紹了Nodejs之http的表單提交，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

之前介紹了http模塊的請(qǐng)求與響應(yīng)的過程，也介紹了TCP協(xié)議的客戶端與服務(wù)端的數(shù)據(jù)傳輸，http協(xié)議是TCP上層協(xié)議。這里創(chuàng)建了一個(gè)簡單的web服務(wù)器，并對(duì)提交表單數(shù)據(jù)進(jìn)行處理，根據(jù)了不起的Node.js一書總結(jié)。

POST方法提交表單數(shù)據(jù)

　　之前也總結(jié)過，向服務(wù)器提交數(shù)據(jù)需要使用POST方法，GET方法的請(qǐng)求信息都在查詢字符串中，沒有請(qǐng)求體，而POST方法的傳輸?shù)臄?shù)據(jù)都在請(qǐng)求體中，故提交表單數(shù)據(jù)時(shí)需要使用POST方法。

　　req是請(qǐng)求信息，req.url表示請(qǐng)求的地址，當(dāng)服務(wù)器運(yùn)行之后，req請(qǐng)求的網(wǎng)址為127.0.0.1:3000，此時(shí)req.url為‘/'，則返回的是一串表單數(shù)據(jù)，在表單數(shù)據(jù)中設(shè)置了method是post，action是‘/url'，表面提交數(shù)據(jù)的方式是POST，將數(shù)據(jù)提交的地址為127.0.0.1:3000/url，而提交之后要獲取新的頁面即127.0.0.1:3000/url，此時(shí)req.url為‘/url'，故顯示的另一個(gè)頁面。

 //提交表單數(shù)據(jù)
 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 () {//用于數(shù)據(jù)接收完成后再獲取
  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');
 });

　　提交之后，需要獲取請(qǐng)求信息的請(qǐng)求體，因?yàn)镻OST方法中信息都在請(qǐng)求體中，用req綁定data事件獲取數(shù)據(jù)，這里需要注意的是必須得在數(shù)據(jù)接收完成后再對(duì)數(shù)據(jù)進(jìn)行操作，即必須綁定end事件監(jiān)聽請(qǐng)求信息是否傳輸完成。

　　querystring是查詢字符串模塊，用于對(duì)查詢字符串的解析，parse方法將查詢字符串解析成一個(gè)對(duì)象。在git中運(yùn)行服務(wù)器，得到頁面是這樣的：