سلاسل الاستعلام مع Fetch GET Request

توفر Fetch API أسلوبًا حديثًا لتقديم طلبات HTTP في JavaScript. بشكل افتراضي، لا تتضمن طلبات GET التي يتم إجراؤها باستخدام الجلب معلمات سلسلة الاستعلام. لإضافة سلسلة استعلام إلى طلب GET، يمكننا إما استخدام واجهة URLSearchParams أو ربط سلسلة الاستعلام يدويًا.

باستخدام URLSearchParams:

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

const searchParams = new URLSearchParams();
searchParams.set('order_id', 1);

const request = new Request({
  url: 'http://myapi.com/orders',
  method: 'GET',
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded'
  },
  body: searchParams.toString()
});

fetch(request);

ربط سلسلة الاستعلام:

بدلاً من ذلك، يمكننا توصيل سلسلة الاستعلام مباشرة إلى عنوان URL للطلب:

const request = new Request({
  url: 'http://myapi.com/orders?order_id=1',
  method: 'GET'
});

fetch(request);

ملاحظة: إذا اخترت ربط سلسلة الاستعلام يدويًا، فتأكد من ترميزها بشكل صحيح لمنع الأحرف غير الصالحة من كسر الطلب.