نشر بيانات النموذج باستخدام API Fetch

عند استخدام واجهة formData في جلب API لنشر بيانات النموذج ، من المهم فهم سلوكه الافتراضي. بشكل افتراضي ، يرسل البيانات باستخدام تنسيق "multipart/form-data" ، والذي لا يتوافق مع تنسيق "التطبيق/x-www-form-urlencoded".

إذا كنت ترغب في نشر بيانات النموذج باسم "application/x-www-form-urlencoded" باستخدام API Fetch ، يمكنك اتباع هذه الخطوات:

1. تحويل formData كائن formData وإلحاق كل زوج من القيمة الرئيسية إلى كائن urlsearchparams. لـ (زوج const من formdata (formelement)) { data.append (زوج [0] ، زوج [1]) ؛ }

   const data = new URLSearchParams();
   for (const pair of new FormData(formElement)) {
       data.append(pair[0], pair[1]);
   }

   تأكد من دعم المستعرض الخاص بك الطريقة الأخيرة قبل استخدامها. لا تحدد رأسًا من نوع المحتوى ، حيث سيكون الافتراضي "تطبيق/x-www-form-urlencoded".

   الطريقة: "بعد" ، الجسم: البيانات ، }) .ثم(…)؛

   const data = new URLSearchParams(new FormData(formElement));