फॉर्म से ऑब्जेक्ट प्राप्त करें

कार्य

जावास्क्रिप्ट का उपयोग करते हुए, प्रपत्र डेटा युक्त ऑब्जेक्ट प्राप्त करें। फ़ील्ड और गुणों का एक सेट फॉर्म के मार्कअप द्वारा निर्दिष्ट किया जाना चाहिए। क्यों - इस ऑब्जेक्ट से json, xml प्राप्त करने के लिए, और आपको कभी नहीं पता कि कितने एप्लिकेशन मिल सकते हैं।

निर्णय

इसे यहां लें: code.google.com/p/form2js github.com/maxatwork/form2js

के उपयोग

परिणामी वस्तु की संरचना नाम विशेषता से ली गई है। संकेतन Castle.Monorail और ASP.Mvc के समान है।

हां, नीचे दिए गए उदाहरण JSON के समान कुछ दिखाते हैं। इसलिए, लाइब्रेरी JSON में क्रमबद्ध नहीं है । उदाहरण में, क्रमांकन पुस्तकालय www.json.org/js.html का उपयोग किया गया था।

कार्य का परिणाम एक जावास्क्रिप्ट वस्तु है (आप इसे नीचे दी गई पंक्तियों का eval



बनाकर प्राप्त कर सकते हैं) जिसमें प्रपत्र डेटा है, न कि एक स्ट्रिंग। जाहिर है, इस ऑब्जेक्ट से आप इसका JSON प्रतिनिधित्व प्राप्त कर सकते हैं, लेकिन यह लाइब्रेरी का मुख्य कार्य नहीं है।

ऑब्जेक्ट्स / नेस्टेड ऑब्जेक्ट्स

1. < इनपुट प्रकार = "टेक्स्ट" नाम = "person.name.first" मान = "जॉन" />
2. < इनपुट प्रकार = "टेक्स्ट" नाम = "person.name.last" मूल्य = "डो" />

* इस सोर्स कोड को सोर्स कोड हाइलाइटर के साथ हाइलाइट किया गया था।

उत्पादन में दे देंगे

1. {
2. "व्यक्ति" :
3. {
4. "नाम" :
5. {
6. "पहला" : "जॉन" ,
7. "अंतिम" : "डो"
8. }
9. }
10. }

* इस सोर्स कोड को सोर्स कोड हाइलाइटर के साथ हाइलाइट किया गया था।

सरणियों

1. < लेबल > < इनपुट प्रकार = "चेकबॉक्स" नाम = "person.favFood []" मूल्य = "स्टेक" चेक किया गया = "चेक" /> स्टेक </ लेबल >
2. < लेबल > < इनपुट प्रकार = "चेकबॉक्स" नाम = "person.favFood []" मूल्य = "पिज्जा" /> पिज्जा </ लेबल >
3. < लेबल > < इनपुट प्रकार = "चेकबॉक्स" नाम = "person.favFood []" मूल्य = "चिकन" जाँच = "जाँच" /> चिकन </ लेबल >

* इस सोर्स कोड को सोर्स कोड हाइलाइटर के साथ हाइलाइट किया गया था।

उत्पादन में दे देंगे

1. {
2. "व्यक्ति" :
3. {
4. "फेवूड" : [ "स्टेक" , "चिकन" ]
5. }
6. }

* इस सोर्स कोड को सोर्स कोड हाइलाइटर के साथ हाइलाइट किया गया था।

वस्तुओं का आगमन

1. < dl >
2. < dt > हमें अपने पांच दोस्तों के नाम और ईमेल दें </ dt >
3. < dd >
4. < लेबल > ईमेल < इनपुट प्रकार = "टेक्स्ट" नाम = "person.friends [0] .मेल" मान = "एजेंट ।smith@example.com" /> </ लेबल >
5. < लेबल > नाम < इनपुट प्रकार = "टेक्स्ट" नाम = "person.friends [0] .name" मान = "स्मिथ एजेंट" /> </ लेबल >।
6. </ dd >
7. < dd >
8. < लेबल > ईमेल < इनपुट प्रकार = "पाठ" नाम = "person.friends [1] .मेल" मूल्य = "n3o@example.com" /> </ लेबल >
9. < लेबल > नाम < इनपुट प्रकार = "पाठ" नाम = "person.friends [1] .name" मान = "थॉमस ए एंडरसन" /> </ लेबल >।
10. </ dd >
11. </ dt >
12. </ dl >

* इस सोर्स कोड को सोर्स कोड हाइलाइटर के साथ हाइलाइट किया गया था।

उत्पादन में दे देंगे

1. {
2. "व्यक्ति" :
3. {
4. "दोस्त" : [
5. { "ईमेल" : "Agent.smith@example.com" , "नाम" : "स्मिथ एजेंट" },
6. { "ईमेल" : "n3o@example.com" , "नाम" : "थॉमस ए। एंडरसन" }
7. ]
8. }
9. }

* इस सोर्स कोड को सोर्स कोड हाइलाइटर के साथ हाइलाइट किया गया था।

JQuery में .serializeArray () से अंतर

बहुत लोकप्रिय प्रश्न।

.serializeArray()



ऑब्जेक्ट को सरणी के साथ एक उदाहरण से इस तरह बनाएगा:

1. [
2. { "person.friends [0] .मेल" : "agent.smith@example.com" },
3. { "person.friends [0] .name" : "स्मिथ एजेंट" },
4. { "person.friends [1] .मेल" : "n3o@example.com" },
5. { "person.friends [1] .name" : "थॉमस ए। एंडरसन" }
6. ]

* इस सोर्स कोड को सोर्स कोड हाइलाइटर के साथ हाइलाइट किया गया था।

अंतर स्पष्ट है।

निष्कर्ष

यदि आपको (MIT) उपयोग करने की आवश्यकता है, तो, मेरे खाली समय के आधार पर, संभवतः बहुत सारे बग हैं, मैं इसे संपादित करूँगा।



UPD: स्रोत को hg में भरा। उसी समय, आप यहां काम का एक उदाहरण देख सकते हैं: form2js.googlecode.com/hg/example/test.html