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);

আমরা আমাদের অবজেক্টটি কনসোলে প্রিন্ট করতে পারি, তবে এভাবে প্রিন্ট করলে ফর্মের ডেটা আমরা দেখতে পাব না:

javascriptconsole.log(formData);

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

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