ارسال البيانات من الواجهة الامامية

عليك إرسال البيانات بشكل صحيح في الواجهة الأمامية من خلال axios كالتالي:

    await axios.post(REGISTER_URL, {
          name: name,
          email: email,
          password: password,
          confPassword: confPassword,
        });

بدلاً من:

       await axios.post(REGISTER_URL,name,email,password,confPassword).then(res=>{
                console.log("ok");
            })

يبدو أن تواجه مشكلة بخصوص طريقة ارسال البيانات وكيف استخدام بارامترات axios.
يرجى الاطلاع على هذه المعلومات , سوف تساعدك كثيرا في استخدام axios  وكيف تتعامل مع ارسال البيانات عبر الapi .

بارامترات إرسال البيانات عبر Axios تستخدم لتعيين المعلومات التي ترسلها في جسم الطلب (Request Body) عند إجراء طلب HTTP. توفر Axios عدة طرق لتعيين هذه البيانات باستخدام بارامترات مختلفة. هنا بعض البارامترات الشائعة التي يمكن استخدامها:

• data: يستخدم لتعيين بيانات الطلب ككائن JavaScript. عندما تستخدم هذا البارامتر، يتم تسلسل الكائن إلى سلسلة نصية JSON تُرسل في جسم الطلب. مثال:

axios.post('/api/endpoint', {
  name: 'John',
  age: 30
})

• params: يستخدم لتعيين معلمات الاستعلام (Query Parameters) في الطلب. عند استخدام هذا البارامتر، ستتم إضافة المعلمات إلى رابط الطلب. مثال:

axios.get('/api/endpoint', {
  params: {
    id: 1,
    category: 'books'
  }
})

سيؤدي الكود أعلاه إلى إرسال طلب GET إلى /api/endpoint?id=1&category=books.

• headers: يستخدم لتعيين رؤوس الطلب (Request Headers). يمكن استخدام هذا البارامتر لتعيين رؤوس مخصصة مثل Content-Type أو Authorization. مثال:

  axios.post('/api/endpoint', data, {
    headers: {
      'Content-Type': 'application/json',
      'Authorization': 'Bearer token123'
    }
  })

• paramsSerializer: يستخدم لتخصيص طريقة تسلسل معلمات الاستعلام. يمكن استخدام هذا البارامتر لتعيين دالة مخصصة لتسلسل المعلمات بدلاً من السلوك الافتراضي. مثال:

  axios.get('/api/endpoint', {
    params: {
      id: 1,
      category: 'books'
    },
    paramsSerializer: function (params) {
      return Qs.stringify(params, { arrayFormat: 'brackets' });
    }
  })

  في المثال أعلاه، تم استخدام مكتبة qs لتسلسل معلمات الاستعلام بتنسيق [key=value] بدلاً من التسلسل الافتراضي.

  هذه بعض البارامترات الشائعة التي يمكن استخدامها لتعيين بيانات الطلب عند استخدام Axios. يجب عليك استخدام البارامتر المناسب حسب نوع الطلب ومتطلبات الخادم المستهدف.