كيفية ارسال طلب إلى سرفر nodejs باستخدام html

Aysar Aldubaisi · 24 ديسمبر 2022

تحياتي

كيف أستطيع ربط رز submit لأرسال form من صفحة HTML الى صفحة nodejs

أستعمل sqlit3

عمر قره محمد · 25 ديسمبر 2022

يمكنك فعل ذلك بالشكل التالي :

<body>
  <form>
    <label for="userName"> ادخل الاسم هنا </label>
    <input type="text" id="userName" name="userName" minlength="3" maxlength="36" required />
    <button id="button" type="submit">إرسال</button>
  </form>

  <script>
    const button = document.querySelector("#button");
    const url = "http://localhost:3000/";
    const handleSubmit = async (e) => {
      e.preventDefault();
      const userName = document.querySelector("#userName").value;
      try {
        const response = await fetch(url + "name", {
          method: "POST",
          mode: "cors",
          headers: { "Content-Type": "application/json" },
          body: JSON.stringify({ userName }),
        });
        console.log(await response.json());
      } catch (error) {
        console.log(error);
      }
    };
    button.onclick = handleSubmit;
  </script>
</body>

وسيرفر ال node يكون بالشكل :

const bodyParser = require("body-parser");
const express = require("express")
var cors = require('cors')

const app = express();
app.use(bodyParser.urlencoded({ extended: false }))
app.use(bodyParser.json())
app.use(cors())

app.get("/", (req, res) => {
	return res.status(200).json({ message: "express server working Successfully" })
})
app.post("/name", (req, res) => {
	console.log("hi");
	const { userName } = req.body;
	return res.status(200).json({ message: "Successfully Registered", userName })
})

app.listen(3000, () => {
	console.log("server listening ");
})

كيفية ارسال طلب إلى سرفر nodejs باستخدام html

السؤال

Aysar Aldubaisi

رابط هذا التعليق

شارك على الشبكات الإجتماعية

1 جواب على هذا السؤال

Recommended Posts

عمر قره محمد

رابط هذا التعليق

شارك على الشبكات الإجتماعية

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية