यह पोस्ट पहले से ही एक वर्ष पुराना है ... लेकिन, मुझे वास्तव में, वास्तव में ES6 @dzuc उत्तर पसंद है। हालाँकि यह कई चयनों या चेकबॉक्स को संभालने में सक्षम नहीं होने के कारण अधूरा है। यह पहले ही इंगित किया गया है और कोड समाधान की पेशकश की गई है। मैं उन्हें भारी लगता हूं और अनुकूलित नहीं। इसलिए मैंने इन मामलों को संभालने के लिए @dzuc पर आधारित 2 संस्करण लिखे:
- एएसपी शैली रूपों के लिए, जहां कई आइटम नाम केवल सरल दोहराया जा सकता है।
let r=Array.from(fd).reduce(
(o , [k,v]) => (
(!o[k])
? {...o , [k] : v}
: {...o , [k] : [...o[k] , v]}
)
,{}
);
let obj=JSON.stringify(r);
एक पंक्ति हॉटशॉट संस्करण:
Array.from(fd).reduce((o,[k,v])=>((!o[k])?{...o,[k]:v}:{...o,[k]:[...o[k],v]}),{});
- PHP शैली रूपों के लिए जहां कई आइटम नामों में
[]प्रत्यय होना चाहिए ।
let r=Array.from(fd).reduce(
(o , [k,v]) => (
(k.split('[').length>1)
? (k=k.split('[')[0]
, (!o[k])
? {...o , [k] : [v]}
: {...o , [k] : [...o[k] , v ]}
)
: {...o , [k] : v}
)
,{}
);
let obj=JSON.stringify(r);
एक पंक्ति हॉटशॉट संस्करण:
Array.from(fd).reduce((o,[k,v])=>((k.split('[').length>1)?(k=k.split('[')[0],(!o[k])?{...o,[k]:[v]}:{...o,[k]:[...o[k],v]}):{...o,[k]:v}),{});
- PHP फॉर्म का विस्तार जो बहु-स्तरीय सरणियों का समर्थन करता है।
पिछली बार जब मैंने पिछला दूसरा मामला लिखा था, तब काम पर यह मामला आया था कि PHP के रूप में बहु-स्तरों पर चेकबॉक्स हैं। मैंने पिछले मामले और इस एक का समर्थन करने के लिए एक नया मामला लिखा था। मैंने इस मामले को बेहतर दिखाने के लिए एक स्निपेट बनाया, इस डेमो के लिए कंसोल पर परिणाम शो, इसे आपकी ज़रूरत के लिए संशोधित करें। प्रदर्शन के साथ समझौता किए बिना मैं इसे सर्वश्रेष्ठ रूप से अनुकूलित करने की कोशिश कर सकता हूं, हालांकि, यह कुछ मानव पठनीयता से समझौता करता है। यह लाभ उठाता है कि सरणियाँ ऑब्जेक्ट हैं और सरणियों को इंगित करने वाले चर को संदर्भ के रूप में रखा जाता है। इस एक के लिए कोई hotshot, मेरे मेहमान हो।
let nosubmit = (e) => {
e.preventDefault();
const f = Array.from(new FormData(e.target));
const obj = f.reduce((o, [k, v]) => {
let a = v,
b, i,
m = k.split('['),
n = m[0],
l = m.length;
if (l > 1) {
a = b = o[n] || [];
for (i = 1; i < l; i++) {
m[i] = (m[i].split(']')[0] || b.length) * 1;
b = b[m[i]] = ((i + 1) == l) ? v : b[m[i]] || [];
}
}
return { ...o, [n]: a };
}, {});
console.log(obj);
}
document.querySelector('#theform').addEventListener('submit', nosubmit, {capture: true});
<h1>Multilevel Form</h1>
<form action="#" method="POST" enctype="multipart/form-data" id="theform">
<input type="hidden" name="_id" value="93242" />
<input type="hidden" name="_fid" value="45c0ec96929bc0d39a904ab5c7af70ef" />
<label>Select:
<select name="uselect">
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
</label>
<br /><br />
<label>Checkboxes one level:<br/>
<input name="c1[]" type="checkbox" checked value="1"/>v1
<input name="c1[]" type="checkbox" checked value="2"/>v2
<input name="c1[]" type="checkbox" checked value="3"/>v3
</label>
<br /><br />
<label>Checkboxes two levels:<br/>
<input name="c2[0][]" type="checkbox" checked value="4"/>0 v4
<input name="c2[0][]" type="checkbox" checked value="5"/>0 v5
<input name="c2[0][]" type="checkbox" checked value="6"/>0 v6
<br/>
<input name="c2[1][]" type="checkbox" checked value="7"/>1 v7
<input name="c2[1][]" type="checkbox" checked value="8"/>1 v8
<input name="c2[1][]" type="checkbox" checked value="9"/>1 v9
</label>
<br /><br />
<label>Radios:
<input type="radio" name="uradio" value="yes">YES
<input type="radio" name="uradio" checked value="no">NO
</label>
<br /><br />
<input type="submit" value="Submit" />
</form>
JSON.stringify()मदद करता है? हो सकता है कि आप कुछ ऐसा करने की कोशिश करें जो अन्य तरीके से किया जा सकता है?