Nodejs之http的表單提交

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

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

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

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

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

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

 //提交表單數(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');
 });

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

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