Овај текст ће демонстрирати објекат ФормДата у ЈаваСцрипт-у уз помоћ најлакших примера.
Шта је ФормДата објекат у ЈаваСцрипт-у?
ФормДата објекат је популаран приступ изградњи збирке података у ЈаваСцрипт-у који се може послати на сервер помоћу „ КСМЛХттпРекуест ” или преузето. Обавља исте функције као и ХТМЛ елемент обрасца. Може се упоредити са низом низова. Посебан низ представља сваки елемент који желимо да пренесемо на сервер.
Синтакса
Да бисте користили објекат ФормДата у ЈаваСцрипт-у, користите следећу синтаксу:
конст формДата = Нова ФормДата ( ) ;
Пример 1: Креирајте ФормДата објекат без ХТМЛ обрасца
Пре свега, иницијализујте константу са одређеним именом и доделите одређену вредност тој константи. Овде, „ нови ФормДата() ” се користи као константна вредност:
Конст формДата = Нова ФормДата ( ) ;
Затим додајте податке тако што ћете проследити аргументе у „ додати() ” метод
формДата. додати ( 'Фнаме' , 'Официр' ) ;формДата. додати ( 'Име' , 'Јавед' ) ;
формДата. додати ( 'старост' , 25 ) ;
Након тога, користите „ цонсоле.лог() ” метод:
конзола. Пријава ( „Информације о обрасцу“ ) ;
Користити ' за ” петља за понављање и приказ излаза на конзоли уз помоћ „ цонсоле.лог() ” метод:
за ( нека обј од формДата ) {конзола. Пријава ( обј ) ;
}
Пример 2: Креирајте ФормДата објекат помоћу ХТМЛ обрасца
Да бисте додали ФормДата са ХТМЛ формом, прво направите образац у ХТМЛ-у уз помоћ „ <форм> ” елемент и додајте следећи атрибут наведен у наставку:
- Да бисте додали поље за унос у образац, користите „ <инпут> ” елемент.
- Унутар ознаке за унос наведите „ тип ” атрибут за дефинисање типа података елемента. Постоји више могућих вредности за овај атрибут, укључујући „ текст ”, “ број ”, “ датум ”, “ Лозинка ', и још много тога.
- „ чувар места ” се користи за додавање вредности за приказ у пољу за унос, а „име” се односи на име поља за унос.
- “ онцлицк ” догађај се покреће када корисник изврши неку функцију кликом миша:
< тип уноса = 'текст' име = 'Фнаме' чувар места = 'Унесите своје име' >< бр >< бр >
< тип уноса = 'текст' име = 'Име' чувар места = 'Унесите своје презиме' >< бр >< бр >
< тип уноса = 'датум' име = 'старост' чувар места = 'Унесите своје године' >< бр >< бр >
< тип уноса = 'дугме' вредност = 'Ентер' онцлицк = 'подаци()' >
форму >
Затим приступите обрасцу у ЦСС-у и поставите простор око обрасца:
. форму {маргина : 20пк ;
паддинг : 30пк ;
}
Штавише, користите ознаку скрипте и додајте следећи код:
функционални подаци ( ) {била форма = документ. гетЕлементБиИд ( 'форма' ) ;
цонстформДата = невФормДата ( форму ) ;
конзола. Пријава ( „Подаци обрасца“ ) ;
за ( нека обј офформДата ) {
конзола. Пријава ( обј ) ;
}
}
У горњем исечку кода:
- Позовите „ гетЕлементБиИд(„образац“) ” за приступ обрасцу коришћењем ид обрасца.
- Сада, ускладиштите приступни елемент у нову константу „ формДата ”.
- Користити ' за ” петља за итерацију и одштампајте елементе на конзоли.
Излаз
Научили сте о креирању ФормДата објекта у ЈаваСцрипт-у.
Закључак
ФормДата објекат се користи за прављење колекције података у ЈаваСцрипт-у који се могу послати на сервер. Да бисте креирали објекат Формдата у ЈаваСцрипт-у, приказане су две методе. Први користи једноставан ЈаваСцрипт, а други је креирањем обрасца у ХТМЛ-у и повезивањем са ЈаваСцрипт-ом. Овај пост је навео објекте ФормДата у ЈаваСцрипт-у.