Шта је ФормДата објекат у ЈаваСцрипт-у?

Sta Je Formdata Objekat U Javascript U



Објекти ФормДата се користе за хватање обрасца приликом слања обрасца тако што га преузимају другим методом. Да бисмо додали поља са методама, можемо или да направимо нови или најновији ФормДата ХТМЛ образац или да направимо објекат без коришћења било каквих образаца. Подаци у текстуалним пољима се морају навести када се кликне на дугме за слање, а ЈаваСцрипт мора да их идентификује и испоручи те вредности променљивих.

Овај текст ће демонстрирати објекат ФормДата у ЈаваСцрипт-у уз помоћ најлакших примера.

Шта је ФормДата објекат у ЈаваСцрипт-у?

ФормДата објекат је популаран приступ изградњи збирке података у ЈаваСцрипт-у који се може послати на сервер помоћу „ КСМЛХттпРекуест ” или преузето. Обавља исте функције као и ХТМЛ елемент обрасца. Може се упоредити са низом низова. Посебан низ представља сваки елемент који желимо да пренесемо на сервер.







Синтакса



Да бисте користили објекат ФормДата у ЈаваСцрипт-у, користите следећу синтаксу:



конст формДата = Нова ФормДата ( ) ;

Пример 1: Креирајте ФормДата објекат без ХТМЛ обрасца

Пре свега, иницијализујте константу са одређеним именом и доделите одређену вредност тој константи. Овде, „ нови ФормДата() ” се користи као константна вредност:





Конст формДата = Нова ФормДата ( ) ;

Затим додајте податке тако што ћете проследити аргументе у „ додати() ” метод

формДата. додати ( 'Фнаме' , 'Официр' ) ;

формДата. додати ( 'Име' , 'Јавед' ) ;

формДата. додати ( 'старост' , 25 ) ;

Након тога, користите „ цонсоле.лог() ” метод:



конзола. Пријава ( „Информације о обрасцу“ ) ;

Користити ' за ” петља за понављање и приказ излаза на конзоли уз помоћ „ цонсоле.лог() ” метод:

за ( нека обј од формДата ) {

конзола. Пријава ( обј ) ;

}

Пример 2: Креирајте ФормДата објекат помоћу ХТМЛ обрасца

Да бисте додали ФормДата са ХТМЛ формом, прво направите образац у ХТМЛ-у уз помоћ „ <форм> ” елемент и додајте следећи атрибут наведен у наставку:

  • Да бисте додали поље за унос у образац, користите „ <инпут> ” елемент.
  • Унутар ознаке за унос наведите „ тип ” атрибут за дефинисање типа података елемента. Постоји више могућих вредности за овај атрибут, укључујући „ текст ”, “ број ”, “ датум ”, “ Лозинка ', и још много тога.
  • чувар места ” се користи за додавање вредности за приказ у пољу за унос, а „име” се односи на име поља за унос.
  • онцлицк ” догађај се покреће када корисник изврши неку функцију кликом миша:
< форм ид = 'форма' >

< тип уноса = 'текст' име = 'Фнаме' чувар места = 'Унесите своје име' >< бр >< бр >

< тип уноса = 'текст' име = 'Име' чувар места = 'Унесите своје презиме' >< бр >< бр >

< тип уноса = 'датум' име = 'старост' чувар места = 'Унесите своје године' >< бр >< бр >

< тип уноса = 'дугме' вредност = 'Ентер' онцлицк = 'подаци()' >

форму >

Затим приступите обрасцу у ЦСС-у и поставите простор око обрасца:

. форму {

маргина : 20пк ;

паддинг : 30пк ;

}

Штавише, користите ознаку скрипте и додајте следећи код:

функционални подаци ( ) {
била форма = документ. гетЕлементБиИд ( 'форма' ) ;
цонстформДата = невФормДата ( форму ) ;
конзола. Пријава ( „Подаци обрасца“ ) ;
за ( нека обј офформДата ) {
конзола. Пријава ( обј ) ;
}
}

У горњем исечку кода:

  • Позовите „ гетЕлементБиИд(„образац“) ” за приступ обрасцу коришћењем ид обрасца.
  • Сада, ускладиштите приступни елемент у нову константу „ формДата ”.
  • Користити ' за ” петља за итерацију и одштампајте елементе на конзоли.

Излаз

Научили сте о креирању ФормДата објекта у ЈаваСцрипт-у.

Закључак

ФормДата објекат се користи за прављење колекције података у ЈаваСцрипт-у који се могу послати на сервер. Да бисте креирали објекат Формдата у ЈаваСцрипт-у, приказане су две методе. Први користи једноставан ЈаваСцрипт, а други је креирањем обрасца у ХТМЛ-у и повезивањем са ЈаваСцрипт-ом. Овај пост је навео објекте ФормДата у ЈаваСцрипт-у.