لتقديم طلب HTTP في JavaScript، يمكنك استخدام طريقة الجلب () المضمنة، والتي تسمح لك بإرسال طلب إلى الخادم وتلقي الرد.
فيما يلي مثال لكيفية استخدام fetch() لتقديم طلب GET:
fetch('https://example.com/data')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
في هذا المثال، نرسل طلب GET إلى https://example.com/data، والذي يعرض استجابة JSON. نستخدم طريقة .json() لاستخراج بيانات JSON من الاستجابة، ثم تسجيلها في وحدة التحكم. إذا كان هناك خطأ، فإننا نكتشفه ونسجله في وحدة التحكم.
فيما يلي مثال لكيفية استخدام fetch() لتقديم طلب POST:
fetch('https://example.com/api', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({ data: 'example' })
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
في هذا المثال، نرسل طلب POST إلى https://example.com/api، مع بيانات JSON { data: ‘example’ }. نقوم بتعيين رأس نوع المحتوى على application/json للإشارة إلى أننا نرسل بيانات JSON. نستخدم نفس النمط كما كان من قبل لاستخراج بيانات JSON من الاستجابة وتسجيلها في وحدة التحكم.
يمكنك أيضًا استخدام طرق أخرى مثل PUT وDELETE وPATCH عن طريق تحديد خاصية الطريقة لفعل HTTP ذي الصلة.
