यह राइट-अप सबसे आसान उदाहरणों की मदद से जावास्क्रिप्ट में फॉर्मडाटा ऑब्जेक्ट प्रदर्शित करेगा।
जावास्क्रिप्ट में फॉर्मडाटा ऑब्जेक्ट क्या है?
एक फॉर्मडाटा ऑब्जेक्ट जावास्क्रिप्ट में एक डेटा संग्रह बनाने के लिए एक लोकप्रिय तरीका है जिसे 'का उपयोग करके सर्वर पर भेजा जा सकता है' XMLHttpRequest ”या पुनर्प्राप्त। यह HTML फॉर्म एलिमेंट के समान कार्य करता है। इसकी तुलना सरणियों के एक सरणी से की जा सकती है। एक अलग सरणी प्रत्येक तत्व का प्रतिनिधित्व करती है जिसे हम सर्वर पर संचारित करना चाहते हैं।
वाक्य - विन्यास
जावास्क्रिप्ट में फॉर्मडाटा ऑब्जेक्ट का उपयोग करने के लिए, निम्नलिखित सिंटैक्स का उपयोग करें:
कॉन्स्ट फॉर्मडेटा = नया फॉर्मडाटा ( ) ;
उदाहरण 1: HTML फॉर्म के बिना फॉर्मडाटा ऑब्जेक्ट बनाएं
सबसे पहले, एक स्थिरांक को एक विशिष्ट नाम से आरंभ करें और उस स्थिरांक को एक विशेष मान निर्दिष्ट करें। यहां ही ' नया फॉर्मडाटा () ' का उपयोग निरंतर मान के रूप में किया जाता है:
कॉन्स्ट फॉर्मडेटा = नया फॉर्मडाटा ( ) ;
अगला, तर्कों को पास करके डेटा को जोड़ें ' संलग्न () ' तरीका
फॉर्मडेटा। संलग्न ( 'Fname' , 'अधिकारी' ) ;फॉर्मडेटा। संलग्न ( 'नाम' , 'जावेद' ) ;
फॉर्मडेटा। संलग्न ( 'आयु' , 25 ) ;
उसके बाद, 'का उपयोग करें कंसोल.लॉग () ' तरीका:
सांत्वना देना। लकड़ी का लट्ठा ( 'फॉर्म सूचना' ) ;
उपयोग ' के लिए 'लूप' की मदद से कंसोल पर पुनरावृति और आउटपुट प्रदर्शित करने के लिए कंसोल.लॉग () ' तरीका:
के लिए ( फॉर्मडेटा का ओबीजे दें ) {सांत्वना देना। लकड़ी का लट्ठा ( obj ) ;
}
उदाहरण 2: HTML फॉर्म के साथ फॉर्मडाटा ऑब्जेक्ट बनाएं
HTML फॉर्म के साथ फॉर्मडाटा जोड़ने के लिए, पहले “की मदद से HTML में एक फॉर्म बनाएं” <रूप> ” तत्व और नीचे सूचीबद्ध निम्न विशेषता जोड़ें:
- प्रपत्र में इनपुट फ़ील्ड जोड़ने के लिए, 'का उपयोग करें' <इनपुट> ' तत्व।
- इनपुट टैग के अंदर, निर्दिष्ट करें ' प्रकार ” विशेषता तत्व के डेटा प्रकार को परिभाषित करने के लिए। इस विशेषता के लिए कई संभावित मान हैं, जिनमें ' मूलपाठ ”, “ संख्या ”, “ तारीख ”, “ पासवर्ड ', और भी कई।
- ' प्लेसहोल्डर ' का उपयोग इनपुट फ़ील्ड पर प्रदर्शित करने के लिए मान जोड़ने के लिए किया जाता है, और 'नाम' इनपुट फ़ील्ड के नाम को संदर्भित करता है।
- ' क्लिक पर जब उपयोगकर्ता माउस पर क्लिक करके कोई कार्य करता है, तो ईवेंट चालू हो जाता है:
< निवेष का प्रकार = 'मूलपाठ' नाम = 'Fname' प्लेसहोल्डर = 'अपना पहला नाम दर्ज करें' < बीआर < बीआर >
< निवेष का प्रकार = 'मूलपाठ' नाम = 'नाम' प्लेसहोल्डर = 'अपना अंतिम नाम दर्ज करें' < बीआर < बीआर >
< निवेष का प्रकार = 'तारीख' नाम = 'आयु' प्लेसहोल्डर = 'अपनी आयु दर्ज करें' < बीआर < बीआर >
< निवेष का प्रकार = 'बटन' कीमत = 'प्रवेश करना' क्लिक पर = 'आंकड़े()' >
प्रपत्र >
इसके बाद, CSS में फॉर्म को एक्सेस करें और फॉर्म के चारों ओर स्पेस सेट करें:
. प्रपत्र {अंतर : 20 पीएक्स ;
गद्दी : 30 पीएक्स ;
}
इसके अलावा, स्क्रिप्ट टैग का उपयोग करें और निम्न कोड जोड़ें:
functiondata ( ) {रूप था = दस्तावेज़। getElementById ( 'प्रपत्र' ) ;
constformData = newFormData ( प्रपत्र ) ;
सांत्वना देना। लकड़ी का लट्ठा ( 'फ़ॉर्म डेटा' ) ;
के लिए ( ओबीजे ऑफफॉर्मडेटा दें ) {
सांत्वना देना। लकड़ी का लट्ठा ( obj ) ;
}
}
उपरोक्त कोड स्निपेट में:
- आह्वान करें ' getElementById ('फ़ॉर्म') फॉर्म आईडी का उपयोग करके फॉर्म तक पहुंचने की विधि।
- अब, एक्सेस किए गए तत्व को एक नए स्थिरांक में संग्रहीत करें ' फॉर्मडेटा ”।
- उपयोग ' के लिए ”पुनरावृत्ति के लिए लूप और कंसोल पर तत्वों को प्रिंट करें।
उत्पादन
आपने जावास्क्रिप्ट में फॉर्मडाटा ऑब्जेक्ट के निर्माण के बारे में सीखा है।
निष्कर्ष
एक फॉर्मडाटा ऑब्जेक्ट का उपयोग जावास्क्रिप्ट में डेटा का संग्रह बनाने के लिए किया जाता है जिसे सर्वर पर भेजा जा सकता है। जावास्क्रिप्ट में फॉर्मडाटा ऑब्जेक्ट बनाने के लिए, दो विधियों का प्रदर्शन किया जाता है। पहला सरल जावास्क्रिप्ट का उपयोग कर रहा है और दूसरा HTML में फॉर्म निर्माण के माध्यम से और इसे जावास्क्रिप्ट से जोड़ रहा है। यह पोस्ट जावास्क्रिप्ट में फॉर्मडाटा ऑब्जेक्ट्स के बारे में बताया गया है।