JavaScript හි FormData සමඟ වැඩ කිරීම

අපට යම් පෝරමයක් ඇතැයි සිතමු:

html<form action="/target/" method="POST">
  <input name="test1" value="123">
  <input name="test2" value="456">
  <input type="submit">
</form>

මෙම පෝරමයේ දත්ත යතුරු-අගය යුගල ලෙස ලබා ගැනීමට අපි අවශ්‍ය යැයි සිතමු. මේ සඳහා අපට ලූපයක් ධාවනය කර අපේක්ෂිත දත්ත සකස් කිරීමට සිදුවනු ඇති බව පැහැදිලිය. කෙසේ වෙතත්, JavaScript හි සරල ක්‍රමයක් තිබේ - පෝරම දත්ත ක්‍රමානුකූලව ලබා ගැනීමට ඉඩ සලසන විශේෂ වස්තුවක් වන FormData භාවිතා කළ හැකිය.

මෙම වස්තුව සමඟ වැඩ කිරීම විග්‍රහ කරමු. පළමුව අපගේ පෝරමයට යොමුවක් ලබා ගනිමු:

javascriptlet form = document.querySelector('form');

දැන් අපගේ පෝරමය සමඟ වස්තුවක් සාදමු:

javascriptlet formData = new FormData(form);

අපගේ වස්තුව console එකට ප්‍රතිදානය කළ හැකි නමුත්, එවැනි ප්‍රතිදානයකදී පෝරම දත්ත අපට දකින්නට නොලැබෙනු ඇත:

javascriptconsole.log(formData);

පෝරම දත්ත දැක ගැනීම සඳහා අපගේ වස්තුව array එකකට පරිවර්තනය කරමු:

javascriptconsole.log(Array.from(formData));