كيف يمكنني إرسال طلب آخر في جافا سكريبت? تعرف على الطرق الأساسية لإرسال طلبات البريد إلى شبيبة

جافا سكريبت هي واحدة من لغات البرمجة الأكثر شعبية المستخدمة لإنشاء صفحات الويب والعناصر التفاعلية عليها. أحد الجوانب المهمة للعمل مع خوادم الويب هو إرسال الطلبات وتلقي الردود. إرسال طلبات المشاركة في جافا سكريبت هي واحدة من الطرق لتبادل البيانات مع الخادم.

هناك عدة طرق لإرسال طلبات النشر في جافا سكريبت. واحدة من أبسط الطرق وأكثرها شيوعا هو استخدام كائن زملتبركست. يسمح لك هذا الكائن بإرسال طلب إلى الخادم ومعالجة الاستجابة المستلمة. لإرسال طلب مشاركة باستخدام زملتبركست ، يجب تعيين الطريقة والرؤوس المناسبة ، وتحديد عنوان ورل وإرسال البيانات.

هناك طريقة أخرى لإرسال طلبات النشر في جافا سكريبت وهي استخدام طريقة الجلب. تتيح لك هذه الطريقة أيضا إرسال طلب إلى الخادم ومعالجة الاستجابة المستلمة. بل هو وسيلة أكثر حداثة ومريحة للعمل مع طلبات الشبكة في جافا سكريبت. لإرسال طلب مشاركة باستخدام الجلب ، يجب تحديد عنوان ورل وطريقة الطلب والرؤوس والبيانات المراد إرسالها.

إرسال طلبات المشاركة بشكل صحيح في جافا سكريبت هو جزء مهم من تطوير تطبيقات الويب. فهم التقنيات الأساسية ، مثل استخدام كائن زملتبركست أو طريقة جلب ، سوف تساعدك على إنشاء تطبيقات أكثر وظيفية وتفاعلية.

1. إرسال طلب مشاركة في جافا سكريبت
2. الطرق الرئيسية لإرسال طلبات البريد إلى شبيبة:
3. باستخدام زملتبركست
4. جلب أبي
5. إرسال طلب مشاركة باستخدام واجهة برمجة تطبيقات الجلب
6. مزايا واجهة برمجة تطبيقات الجلب
7. اياكس مع مسج
8. أكسيوس
9. جافا سكريبت الأصلي باستخدام فورماتا
10. كائن شملهتب أكتيفكس
11. سؤال وجواب
12. كيف يمكنني إرسال طلب آخر باستخدام جافا سكريبت النقي?

إرسال طلب مشاركة في جافا سكريبت

يوفر جافا سكريبت عدة طرق لإرسال طلبات المشاركة. دعونا نلقي نظرة على الطرق الرئيسية:

• شملتبركست
• جلب أبي
• أكسيوس

شملتبركست

كان زملتبركست الطريقة الأولى لإرسال طلبات هتب في جافا سكريبت. Tt المتشعب запросы،..

Post زملتبركست post آخر post:

فار شر = جديد زملتبركست ();

شر.فتح ("مشاركة" ، "https://api.example.com/endpoint" ، صحيح);

شر.سيتركستيدر ("نوع المحتوى" ، "تطبيق / جسون");

شر.أونريديستاتيتشانج = وظيفة () {

إذا (شر.الدولة الجاهزة = = = 4 & & شر.الحالة = = = 200) {

وحدة التحكم.سجل (شر.ريسبونسيتكست);

}

};

بيانات فار = { الاسم: "جون" ، العمر: 30 };

شر.إرسال (جسون.سترينجيفي (البيانات));

جلب أبي

و أبي جلب هو وسيلة حديثة وأكثر ملاءمة لإرسال طلبات هتب. يوفر الوعود وبناء الجملة المبسط للعمل مع الاستعلامات والردود. ومع ذلك ، فإن واجهة برمجة تطبيقات الجلب غير مدعومة من قبل المتصفحات القديمة ، لذلك قد تحتاج إلى بوليفيل لدعمها.

Пример использования fetch API для отправки POST запроса:

fetch("https://api.example.com/endpoint", {

method: "POST",

headers: {

"Content-Type": "application/json"

},

body: JSON.stringify({ name: "John", age: 30 })

})

.then(response => response.json())

.then(data => console.log(data))

.catch(error => console.error(error));

Axios

Axios — это сторонняя библиотека, которая предоставляет удобный интерфейс для отправки HTTP запросов. لديه المزيد من الوظائف ويدعم معالجة الأخطاء وإلغاء الطلب وميزات أخرى.

مثال على استخدام أكسيوس لإرسال طلب مشاركة:

آخر("https://api.example.com/endpoint" ، {الاسم: "جون" ، العمر: 30 })

.ثم (استجابة = > وحدة التحكم.سجل (استجابة.البيانات))

.قبض على (خطأ = > وحدة التحكم.خطأ (خطأ));

في النهاية ، يعتمد اختيار طريقة إرسال طلبات النشر في جافا سكريبت على تفضيلاتك ومتطلبات المشروع. كل طريقة من الطرق لها مزاياها وعيوبها،لذلك يجب عليك اختيار الطريقة التي تناسب طلبك.

الطرق الرئيسية لإرسال طلبات البريد إلى شبيبة:

هناك عدة طرق لإرسال طلبات النشر في جافا سكريبت. الطرق الرئيسية مذكورة أدناه:

1. زملتبركست: هذه هي الطريقة القياسية لإرسال طلبات هتب في جافا سكريبت. لإرسال طلب مشاركة باستخدام زملتبركست ، تحتاج إلى إنشاء مثيل من كائن زملتبركست ، تعيين طريقة الطلب إلى" بوست " وتحديد عنوان ورل لإرسال الطلب. يمكنك بعد ذلك تعيين الرؤوس ، إذا لزم الأمر ، وإرسال نص الطلب باستخدام إرسال().
2. طريقة جلب واجهة برمجة التطبيقات: هذا هو واجهة جافا سكريبت جديدة للعمل مع طلبات هتب. لإرسال طلب آخر باستخدام أبي جلب ، تحتاج إلى استدعاء وظيفة جلب () وتمريرها ورل وكائن مع الخيارات. في كائن الخيارات ، يمكنك تحديد طريقة الطلب والرؤوس ونص الطلب والمعلمات الأخرى. تقوم واجهة برمجة تطبيقات الجلب بإرجاع وعد يتم حله باستخدام كائن الاستجابة.
3. أكسيوس: هذه هي مكتبة جافا سكريبت التي توفر واجهة سهلة الاستخدام للعمل مع طلبات هتب. لإرسال طلب آخر باستخدام أكسيوس ، تحتاج إلى استدعاء أكسيوس.وظيفة () وتمريرها عنوان ورل والبيانات لإرسال. أكسيوس يعود الوعد الذي يحل مع كائن الاستجابة.

هناك طرق أخرى لإرسال طلبات المشاركة في جافا سكريبت ، على سبيل المثال ، باستخدام نموذج هتمل أو مكتبة مسج. ومع ذلك ، زملتبركست ، جلب أبي و أكسيوس هي الطرق الأكثر شيوعا ومريحة لإرسال طلبات هتب بوست في جافا سكريبت الحديثة.

باستخدام زملتبركست

زملتبركست (شر) هو أبي التي بنيت في المتصفح ويسمح لك لإرسال طلبات هتب إلى الخادم وتلقي الردود. إنها إحدى الطرق القديمة لإرسال طلبات النشر في جافا سكريبت ، لكنها لا تزال مستخدمة على نطاق واسع ، خاصة في المشاريع القديمة.

لإنشاء طلب باستخدام زملتبركست ، تحتاج أولا إلى إنشاء مثيل جديد من كائن زملتبركست. ثم تحتاج إلى تكوين نوع الطلب ، ورل ، وعدم التزامن. بعد ذلك ، تحتاج إلى إرسال طلب ومعالجة الاستجابة.

1. إنشاء كائن زملتبركست

دعونا شر = جديد زملتبركست ();

2. طلب الإعداد

• شر.فتح ('بوست' ، 'https://example.com/api' ، صحيح);

شر.سيتركستيدر ('نوع المحتوى' ، 'تطبيق / جسون');

3. إرسال طلب

شر.إرسال (البيانات);

4. معالجة الاستجابة

شر.تحميل = وظيفة () {

// معالجة الأخطاء

الحالة

.

يوفر زملتبركست أيضا خصائص وأساليب مفيدة أخرى للعمل مع الاستعلامات ، مثل

نوع الاستجابة

,

جلب أبي

جلب أبي هو معيار منصة ويب جديدة لتنفيذ طلبات الشبكة من جافا سكريبت.

توفر واجهة برمجة تطبيقات الجلب طريقة بسيطة ومرنة لإرسال الطلبات ، وتعمل على أساس الوعود وتجعل من السهل التعامل مع الطلبات والردود.

إرسال طلب مشاركة باستخدام واجهة برمجة تطبيقات الجلب

لإرسال طلب مشاركة باستخدام واجهة برمجة تطبيقات الجلب ، يجب عليك استخدام الوظيفة

جلب ()

. عند استدعاء وظيفة

جلب ()

، من الضروري تمرير عنوان ورل الذي سيتم إرسال الطلب إليه ، وكائن الإعدادات ، الذي يحدد طريقة الطلب والرؤوس ونص الطلب والمعلمات الأخرى.

مثال على إرسال طلب مشاركة باستخدام واجهة برمجة تطبيقات الجلب:

"'جافا سكريبت

جلب (رابط, {

طريقة:'آخر',

رؤوس: {

هو عنوان ورل الذي سيتم إرسال الطلب إليه,

الرؤوس

- نص الطلب (في هذه الحالة ، يتم تحويل البيانات إلى تنسيق جسون باستخدام

(جسون).سترينجيفي()

• وظيفة).
• ثم ، بعد إرسال الطلب ، نقوم بمعالجة الاستجابة باستخدام الطريقة
• ثم()
• ، الذي يحدد كيفية معالجة الاستجابة بتنسيق جسون.

في حالة حدوث خطأ ، يمكننا التقاطه باستخدام

طريقة الصيد ()

وإخراجه إلى وحدة التحكم.

مزايا واجهة برمجة تطبيقات الجلب

توفر واجهة برمجة تطبيقات الجلب أداة قوية لإرسال طلبات النشر من جافا سكريبت. يسمح لك بتقديم طلبات إلى الخوادم البعيدة وتلقي الردود بتنسيقات بيانات مختلفة.

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

لإرسال طلب آخر باستخدام أجاكس ومسج ، يمكننا استخدام

ال $.طريقة اياكس ()

أو نسخة مختصرة

من $.آخر()

.

مثال على استخدام

ال $.طريقة اياكس ()

لإرسال طلب مشاركة:

$.اياكس ({

عنوان الموقع: "https://example.com/api ",

الطريقة: "بوست",

البيانات: { الاسم: "جون" ، العمر: 30 },

النجاح: وظيفة(استجابة) {

سوف تحتوي على استجابة من الخادم. خلاف ذلك ، إذا حدث خطأ أثناء إرسال الطلب ، فإن الوظيفة المحددة في المعلمة

شر

,

الحالة

و

خطأ

سوف تحتوي على بيانات الخطأ المقابلة.

مثال على استخدام

ال $.طريقة النشر ()

لإرسال طلب مشاركة:

وحدة التحكم.سجل (استجابة);

})

.فشل(وظيفة (شر ، الحالة ، خطأ) {

وحدة التحكم.سجل ("حدث خطأ أثناء إرسال الطلب:");

وحدة التحكم.سجل (خطأ);

• });
• هذا المثال يعادل المثال السابق ، لكنه يستخدم بناء جملة أقصر. كما يحدد عنوان ورل والبيانات المراد إرسالها والوظيفة لمعالجة طلب ناجح. في حالة حدوث خطأ ، يتم تمرير الوظيفة إلى الطريقة
• فشل()
• ، سيتم تنفيذها.

كل من هذه الأساليب توفر طريقة مرنة وسهلة لإرسال طلبات المشاركة باستخدام أجاكس في جافا سكريبت باستخدام مسج. إنها تسمح لك بمعالجة الاستجابات الناجحة وغير الناجحة من الخادم ، مما يجعلها أدوات قوية عند العمل مع تطبيقات الويب.

أكسيوس

أكسيوس هي مكتبة جافا سكريبت التي تسمح لك لجعل طلبات هتب من متصفح أو عقدة.شبيبة.

الملامح الرئيسية لأكسيوس:

يوفر واجهة برمجة تطبيقات بسيطة ومريحة لإرسال الطلبات

يدعم جميع طرق طلب هتب الأساسية: الحصول على ، آخر ، وضع ، حذف

يسمح لك بتعيين رؤوس الطلبات ومعالجة الاستجابة

يوفر القدرة على إرسال الطلبات باستخدام بروميس

لبدء العمل مع أكسيوس ، تحتاج إلى تثبيته باستخدام نبم أو توصيله عبر كدن. بعد التثبيت ، يمكنك البدء في استخدام واجهة برمجة التطبيقات لإرسال الطلبات.

مثال على استخدام المحاور:

"'جافا سكريبت

// تركيب المحاور باستخدام الآلية الوقائية الوطنية

الآلية الوقائية الوطنية تثبيت أكسيوس

// استيراد أكسيوس إلى مشروع

استيراد أكسيوس من 'أكسيوس';

// إرسال طلب مشاركة

أكسيوس.آخر ('/أبي / المستخدم' ، {

الاسم الأول:'جون',

اسم العائلة:'ظبية'

})

.ثم (وظيفة (استجابة) {

وحدة التحكم.سجل (استجابة);

})

.الصيد (وظيفة (خطأ) {

وحدة التحكم.سجل (خطأ);

});

«`

في هذا المثال ، يتم إرسال طلب مشاركة إلى العنوان '/ واجهة برمجة التطبيقات / المستخدم ' مع بيانات المستخدم. بعد إرسال الطلب, ال `.ثم 'معالج يسمح لك لمعالجة استجابة ناجحة من الخادم ، و'.catch` — отловить ошибку в случае возникновения.

Также Axios предоставляет возможность устанавливать заголовки запроса с помощью метода `headers`. Например:

«`javascript

axios.post(‘/api/user’, {

firstName: ‘John’,

lastName: ‘Doe’

}, {

headers: {

‘Content-Type’: ‘application/json’

}

})

.then(function (response) {

console.log(response);

})

.catch(function (error) {

console.log(error);

});

«`

في هذا المثال ، يتم تعيين رأس ' نوع المحتوى 'مع قيمة' تطبيق/جسون ' للبيانات التي يتم إرسالها.

أكسيوس هي واحدة من المكتبات الأكثر شعبية للعمل مع طلبات هتب في جافا سكريبت نظرا لسهولة الاستخدام وظائف واسعة.

جافا سكريبت الأصلي باستخدام فورماتا

إذا كنت بحاجة إلى إرسال البيانات إلى الخادم باستخدام طلب نشر في جافا سكريبت ، يمكنك استخدام كائن فورمداتا. توفر بيانات النموذج طريقة ملائمة لجمع البيانات من نموذج أو إنشاء بنية نموذج يدويا لإرسالها إلى الخادم.

لإنشاء كائن فورمداتا ، ببساطة استدعاء منشئ: فورمداتا جديدة (). ثم يمكنك إضافة بيانات إلى النموذج باستخدام طريقة إلحاق (الاسم والقيمة) ، حيث الاسم هو اسم حقل البيانات والقيمة هي قيمة حقل البيانات.

يوجد أدناه مثال على استخدام كائن فورمداتا لإرسال البيانات إلى الخادم:

// إنشاء كائن فورمداتا جديد

فار فورمداتا = فورمداتا جديدة();

// إضافة البيانات إلى النموذج

فورمداتا.إلحاق ("اسم المستخدم" ، "جون");

فورمداتا.إلحاق ("كلمة المرور" ، "كلمة المرور 123");

// إنشاء كائن زملتبركست جديد

فار شر = جديد زملتبركست ();

// فتح اتصال مع الخادم

شر.إرسال (بيانات النموذج);

في المثال أعلاه ، نقوم بإنشاء كائن نموذج جديد وإضافة حقلي بيانات:" اسم المستخدم "مع القيمة" جون "و" كلمة المرور "مع القيمة"كلمة المرور 123". ثم نقوم بإنشاء كائن زملتبركست جديد وفتح اتصال إلى الخادم ، وتحديد طريقة بوست وعنوان ورل"/أبي / تسجيل الدخول". ثم نرسل البيانات إلى الخادم باستخدام طريقة الإرسال(فورمداتا).

يرجى ملاحظة أنه عند نقل البيانات باستخدام كائن بيانات النموذج ، سيتم تعيين رأس "نوع المحتوى" تلقائيا على أنه "بيانات متعددة الأجزاء/نموذج" ، مما يسمح للخادم بمعالجة البيانات بشكل صحيح.

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

كائن شملهتب أكتيفكس

كائن زملتب أكتيفكس (المعروف أيضا باسم مايكروسوفت.زملتب) يوفر القدرة على إرسال طلبات هتب عند استخدام إنترنت إكسبلورر أو متصفحات ميكروسوفت إدج.

لاستخدام كائن زملتب أكتيفكس ، تحتاج إلى إنشاء مثيل جديد من هذا الكائن باستخدام منشئ

أكتيفكسوبجيكت جديد ("مايكروسوفت.")

. Затем можно использовать методы и свойства этого объекта для отправки запросов и получения ответов от сервера.

Пример отправки POST запроса с использованием XMLHTTP ActiveX объекта:

var xhr = new ActiveXObject("Microsoft.XMLHTTP");

xhr.open("POST", "http://example.com/api", true);

xhr.setRequestHeader("Content-Type", "application/json");

في المثال أعلاه ، يتم إنشاء كائن جديد

أكتيفكسوبجيكت

لتحديد عنوان ورل ، طريقة الطلب (بوست) وتعيين علامة الطلب غير المتزامن إلى

تستخدم لتعيين رأس نوع المحتوى إلى" التطبيق/جسون " للإشارة إلى الخادم الذي يتم إرسال البيانات بتنسيق جسون.

، الذي يخزن البيانات بتنسيق جسون الذي نريد إرساله إلى الخادم.

ثم يتم تثبيت معالج الأحداث

أونريديستاتيتشانج

وهو ما يسمى في كل مرة حالة التغييرات كائن زملتبركست. عندما تكون الحالة 4 ورمز الحالة 200 ، فهذا يعني أن الطلب قد اكتمل بنجاح ويمكننا الحصول على استجابة الخادم من الخاصية

الرد