كيفية ارسال طلب إلى سرفر 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

عمر قره محمد

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

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية