$('form').serialize() will generate something like a=1&b=2,but what I want to get is {a:1,b:2}.
How to do this?
Further more,is it possible to do this kind of job to arbitrary container like div?
- 535 questions / 25% AR is pretty grim.jAndy– jAndy2011-01-26 14:26:58 +00:00Commented Jan 26, 2011 at 14:26
- possible duplicate of Serializing to JSON in jQueryDiodeus - James MacFarlane– Diodeus - James MacFarlane2011-01-26 14:29:59 +00:00Commented Jan 26, 2011 at 14:29
Add a comment |
1 Answer
jQuery doesn't support this. You'll have to use JSON.stringify, which is supported in some modern browsers, but for support in older browsers, you have to include the json2 library as a <script>
You could then have something like:
(function ($) { jQuery.fn.jsonSerialize = function () { var obj = {}; var form = this[0]; if (form.tagName !== "FORM") { return ""; } $(form.elements).each(function () { obj[this.name] = $(this).val(); }); return JSON.stringify(obj); } }(jQuery)); Then use as follows:
var stringified = $('#yourForm').jsonSerialize(); 