التعامل مع النماذج في Express

كيفية معالجة النماذج باستخدام Express

هذا مثال على نموذج HTML:

<form method="POST" action="/submit-form">
  <input type="text" name="username" />
  <input type="submit" />
</form>

عندما يضغط المستخدم على زر الإرسال ، سيقوم المتصفح تلقائيًا بإنشاء ملفPOSTطلب إلى/submit-formURL على نفس أصل الصفحة. يقوم المستعرض بإرسال البيانات المضمنة والمشفرة بصيغةapplication/x-www-form-urlencoded. في هذا المثال بالذات ، تحتوي بيانات النموذج على ملفusernameقيمة حقل الإدخال.

يمكن للنماذج أيضًا إرسال البيانات باستخدام ملفGETالطريقة ، ولكن الغالبية العظمى من النماذج التي ستنشئها ستستخدمPOST.

سيتم إرسال بيانات النموذج في نص طلب POST.

لاستخراجها ، سوف تحتاج إلى استخدام ملفexpress.urlencoded()الوسيطة:

const express = require('express')
const app = express()

app.use(express.urlencoded({ extended: true }))

الآن ، تحتاج إلى إنشاء ملفPOSTنقطة النهاية في/submit-formالطريق ، وستكون أي بيانات متاحة علىRequest.body:

app.post('/submit-form', (req, res) => {
  const username = req.body.username
  //...
  res.end()
})

لا تنس التحقق من صحة البيانات قبل استخدامها ، باستخدامexpress-validator.

تحميل مجانيكتيب Express.js


المزيد من البرامج التعليمية السريعة: