Selles juhendis saate teada, kuidas vastu võtta vormiandmeid POST-meetodiga. Veebirakenduste arendamisel on oluline aru saada, kuidas andmed saadetakse kliendi poolelt serverisse ja seal töödeldakse. See juhend põhineb populaarsel Node.js Expressi raamistikul. Käsitletakse ka muid tehnoloogiaid, et anda teile laiem arusaam.

Põhiteadmised

  • POST-meetodit kasutatakse andmete serverile saatmiseks ja server peab olema vastavalt seadistatud nende andmete vastuvõtmiseks ja töötlemiseks.

  • Peate tagama, et vajalikud vahenduskihid, nagu body-parser, oleksid installitud ja seadistatud, et teisendada sisenevad andmed kasutatavasse vormingusse.

  • Vajalik on mõista URL-vormingus vormiandmete ja JSON-andmete erinevust õigete päringute töötlemiseks.

Juhised samm-sammult

Saate andmeid POST-käsitleja kaudu vastu võtta järgmiste sammudega:

Samm 1: Serveri seadistamine

Alustage oma Expressi serverit. Saate luua Expressi serveri põhistruktuuri, veendudes, et vajalikud paketid oleksid installitud. Kui teil pole veel Expressi projekti, looge see käsu npm init abil ja installige Express käsu npm install express abil.

Vormiandmed POST-meetodiga Expressis vastu võtta

Samm 2: POST-käsitleja määratlemine

Määrake POST-käsitleja oma serverikoodis. See toimub meetodiga app.post(), kus määratlete POST-päringu suunamise URL-i ja tagastate tagasikutsefunktsiooni. Selles tagasikutsefunktsioonis saate töödelda vormiandmeid.

Samm 3: Andmete vastuvõtmine kehas

Andmete vastuvõtmiseks POST-päringu kehast peate kasutama req.body. Siin pääsete juurde saadetud vormiandmetele. Veenduge, et kasutaksite oma HTML-vormis inventari nime andmete õigeks saamiseks.

Samm 4: Vahenduskihi seadistamine

Ärge unustage installida ja seadistada vahenduskihti body-parser. See vahenduskiht on vajalik sisenevate andmete sõelumiseks. Kasutage app.use(bodyParser.urlencoded({ extended: true })), et töödelda URL-vormingus andmeid. Pange tähele, et vahenduskiht tuleb määratleda enne POST-käsitleja määratlemist.

Vormi andmed POST-meetodiga Expressis vastu võtta

Samm 5: Vormiandmete testimine

Nüüd saate täita oma HTML-vormi ja saata andmed serverile. Taaskäivitage oma server ja testige vormi, tehes sisestusi ja saatke vorm. Veenduge, et server vastab õigesti ja töötleb andmeid.

Samm 6: JSON-andmete töötlemine (valikuline)

Kui soovite saata JSON-andmeid, saate seda teha samuti. Peate tagama, et kasutate vastavat vahenduskihti. JSON-andmete töötlemiseks kasutage app.use(bodyParser.json()). See on eriti kasulik, kui teie rakendusel on API-sarnased spetsifikatsioonid või kui kasutate esikülje raamistikke nagu React või Vue.

Vormiandmete vastuvõtmine Expressis POST-meetodiga

Samm 7: Failide vastuvõtmine (valikuline)

Kui kavatsete faile vastu võtta vormide kaudu, on vaja spetsiaalset raamatukogu, näiteks multer. See võimaldab mitmikandmete käitlemist. Pidage meeles, et need kohandused võivad sõltuvalt kasutatavast serveritehnoloogiast erineda.

Kokkuvõte

Selles juhendis õppisite, kuidas vastu võtta vormiandmeid POST-i meetodiga Node.js Expressi serveris. Olete õppinud serveri seadistamise samme, POST-käsitleja määratlemist ja vahenduskihi õiget seadistamist. Nende kontseptsioonide mõistmine on oluline funktsionaalsete veebirakenduste arendamiseks.

Korduma kippuvad küsimused

Mis vahe on GET-i ja POST-i vahel?GET edastab andmeid URL-i kaudu, samas kui POST edastab andmeid päringu kehas.

Kuidas installida body-parser Expressi projektis?Installige body-parser oma projekti kataloogis käsu npm install body-parser abil.

Kas saan POST-päringuga saata ka JSON-andmeid?Jah, JSON-andmeid saab saata, konfigureerides bodyParser.json() ja veendudes, et teie esikülje rakendus saadab andmeid JSON-vormingus.