Nodejs中怎么實現(xiàn)http表單提交

Nodejs中怎么實現(xiàn)http表單提交，針對這個問題，這篇文章詳細介紹了相對應(yīng)的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

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

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

　　req是請求信息，req.url表示請求的地址，當(dāng)服務(wù)器運行之后，req請求的網(wǎng)址為127.0.0.1:3000，此時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，此時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">',
  '<h2>My Form</h2>',
  '<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中運行服務(wù)器，得到頁面是這樣的：

提交數(shù)據(jù)后：

關(guān)于Nodejs中怎么實現(xiàn)http表單提交問題的解答就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識。