JavaScript හි FormData සමඟ වැඩ කිරීම
අපට යම් පෝරමයක් ඇතැයි සිතමු:
<form action="/target/" method="POST">
<input name="test1" value="123">
<input name="test2" value="456">
<input type="submit">
</form>
මෙම පෝරමයේ දත්ත යතුරු-අගය යුගල ලෙස ලබා ගැනීමට අපි අවශ්ය යැයි සිතමු.
මේ සඳහා අපට ලූපයක් ධාවනය කර අපේක්ෂිත දත්ත සකස් කිරීමට සිදුවනු ඇති බව පැහැදිලිය.
කෙසේ වෙතත්, JavaScript හි සරල ක්රමයක් තිබේ - පෝරම දත්ත ක්රමානුකූලව ලබා ගැනීමට ඉඩ සලසන
විශේෂ වස්තුවක් වන FormData භාවිතා කළ හැකිය.
මෙම වස්තුව සමඟ වැඩ කිරීම විග්රහ කරමු. පළමුව අපගේ පෝරමයට යොමුවක් ලබා ගනිමු:
let form = document.querySelector('form');
දැන් අපගේ පෝරමය සමඟ වස්තුවක් සාදමු:
let formData = new FormData(form);
අපගේ වස්තුව console එකට ප්රතිදානය කළ හැකි නමුත්, එවැනි ප්රතිදානයකදී පෝරම දත්ත අපට දකින්නට නොලැබෙනු ඇත:
console.log(formData);
පෝරම දත්ත දැක ගැනීම සඳහා අපගේ වස්තුව array එකකට පරිවර්තනය කරමු:
console.log(Array.from(formData));
ආදාන තුනක් සහිත පෝරමයක් දෙනු ලැබේ. බොත්තමක් ද දෙනු ලැබේ.
බොත්තම ක්ලික් කිරීමේදී පෝරම දත්ත FormData වස්තුවක් ලෙස ලබා ගන්න.
