FormData-თან მუშაობა JavaScript-ში

დავუშვათ, გვაქვს რაღაც ფორმა:

<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 ობიექტის სახით.