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

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

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