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.log(formData);

ফর্মের ডেটা দেখতে আমাদের অবজেক্টটিকে অ্যারে-তে রূপান্তর করা যাক:

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

তিনটি ইনপুট সহ একটি ফর্ম দেওয়া আছে। একটি বাটনও দেওয়া আছে। বাটনে ক্লিক করলে ফর্মের ডেটা FormData অবজেক্ট আকারে নিন।