nodejs獲取表單數據的方法有哪些

今天小編給大家分享一下nodejs獲取表單數據的方法有哪些的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

常見的會用到以下三種，讓我們對著例子看看具體用法。

1、首先npm初始化，下載express包，導入模塊后創建服務對象

//導入express模塊
const express = require("express");
// 創建服務器對象
const app = express();

form表單傳遞

這種通過from表單的特性，可以點擊表單中button的type為submit的按鈕，會提交表單數據。形式是以一種對象方式，屬性名為input標簽中name值，屬性值為input標簽value值，下面例子來看看具體寫法。

<form action="/todata" method="POST">
        <table>
            <tr>
                <td>姓名</td>
                <td> <input type="text" name="user" id=""></td>
            </tr>
            <tr>
                <td>密碼</td>
                <td> <input type="text" name="password" id=""></td>
            </tr>
            <tr>
                <button type="submit">提交</button>
            </tr>
        </table>
</form>

由于表單提交是post請求，在后端nodejs代碼中需要對post請求數據接收需要做解析響應頭的處理app.use(bodyParser.urlencoded({ extended: false }))，然后用req.body來表示前端傳遞過來的數據。具體后端代碼如下。

const express = require("express");
const app = express();
app.use(express.static("./"))
var bodyParser = require('body-parser')
//  解析 application/x-www-form-urlencoded響應頭
app.use(bodyParser.urlencoded({ extended: false }))
app.post("/todata",(req,res)=>{
    console.log(req.body);
    res.send("提交成功")
})
app.listen("80",()=>{
    console.log("成功");
})

通過終端運行node代碼，來看看結果

ajax請求傳遞

在向后端發送請求時，常用到get、post請求，同樣，表單的數據可以通過ajax以post請求發送數據給后端。以上面例子為基礎，該方法的前端代碼如下。

	 $("#inp3").on("click",function(){
        let user = $("#inp1").val();
        let password = $("#inp2").val();
        $.ajax({
        url:"todata",
        type:"post",
        data:{
            user,
            password
        },
        success:(data)=>{
            alert(data)
        }
         })
    })

這里，我們將兩個input的值獲取到，然后綁定提交按鈕的提交按鈕進行ajax請求發送，發送給后端的數據存儲在data屬性中。后端同樣通過req.body獲取到。這里需要特別注意的是form表單不需要寫action值，表單中button按鈕需要阻止默認行為（不然會點擊直接發送請求導致ajax請求會失敗），或是用input標簽type為button類型。

表單序列化

這種發送是表單提交的常用方法，它也是通過ajax發送請求，也可以將name屬性作為發送后端的屬性名直接發送。可以說是以上兩種方法的結合。

		$("#inp3").on("click",function(){
        $.ajax({
        url:"todata",
        type:"post",
        data:$("form").serialize(),
        success:(data)=>{
            alert(data)
        }
         })
    })

只需要通過$(“form”).serialize()這個方法，就能獲取含name屬性值。

以上就是“nodejs獲取表單數據的方法有哪些”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業資訊頻道。