Serialize Form to JSON
$.fn.serializeObject = function()
{
var o = {};
var a = this.serializeArray();
$.each(a, function() {
if (o[this.name]) {
if (!o[this.name].push) {
o[this.name] = [o[this.name]];
}
o[this.name].push(this.value || '');
} else {
o[this.name] = this.value || '';
}
});
return o;
};
This is not at all ‘javascript’. This is a jQuery snippet.
This is Javascript, as jQuery is a framework using Javascript as the language!
Fool’s like you shouldn’t be allowed to post comments!
Waoww, thanks Luca for the very usefull comment.
By the way, as you seem very keen to point out not relevant details
then you should write JavaScript correctly.
Tghe snippet above will not handle nested form objects correctly,
the follwing jQuery would work it out better:
(function(jQuery){})(jQuery);
Moved.
I’m very new to JQuery, and this is probably a silly request, but could you provide an example of usage? Is it something like
$("#myForm").serializeObject?Don’t forget to use the name attribute at your inputs.
use this
var myformdata = $(“#myForm”).serializeObject();
This lib doing this better (shure it larger a bit):
http://code.google.com/p/form2js/
Thanks!
I’m still not quite understand.
Hi, im using a flash gallery, and i have to implement it into a web for a new customer.
The gallery generates a JSON file as follows:
{"gallery":{"items":[{"description":"","link":"","thumb":"gallery/images/t2.jpg","target":"","source":"gallery/images/1.jpg"},{"description":"","link":"","thumb":"gallery/images/t2.jpg","target":"","source":"gallery/images/2.jpg"},
{"description":"","link":"","thumb":"gallery/images/t3.jpg","target":"","source":"gallery/images/3.jpg"},
{"description":"","link":"","thumb":"gallery/images/t4.jpg","target":"","source":"gallery/images/4.jpg"},
{"description":"","link":"","thumb":"gallery/images/t5.jpg","target":"","source":"gallery/images/5.jpg"}],
"settings":{"background":{"bgColor":16777215,"transparentBG":true},"image":{"scaleMode":"fill","cornerRadius":10,"transitionDuration":1,"align":"center","transitionEffect":"fit","useShadow":true},"caption":{"position":"bottom","bgColor":0,"color":16777215,"visibleMode":"onRollOver","bgAlpha":30,"fontName":"Arial","fontSize":11},"preview":{"usePreview":true,"alpha":100,"outlineColor":0,"height":100,"cornerRadius":10,"width":200,"useShadow":true},"slideshow":{"start":false,"delay":2.5,"loop":true,"stopAutoOnClick":true},"dimensions":{"height":385,"width":470},"thumbBar":{"scrollSpeed":10,"position":"bottom","useThumbBar":true},"preloader":{"alpha":80,"usePreloader":true},"thumbnail":{"cornerRadius":0,"useShadow":true,"outlineColor":3355443,"outlineColorOnRollOver":6710886,"height":45,"alpha":70,"width":60,"outlineColorOnClick":10066329},"buttons":{"position":"right","fullScreenButton":true,"navigationButtons":true,"slideshowButton":true}}},"galleryName":"Art Gallery"}
Can anyone show me the code to insert values from a form in html??
Thanks in advance
@Ignacio – You’ll need to loop through the json object created from this function and just create another variable that you copy items too.
HI everyone,
I would like to know if there is in jquery a form reservation for input and output date, I would like to find some tuto .
I want to use for booking rooms
thanks a lot
This snippet useful until now.
My result when a do alert it repeat de values in each json itens
Dude, thank you for this. I started here, then got sidetracked by some of the links in the comments, and after a roundabout trip all across the internet found my way back, to this, the only actual working solution.
Thanks so much, appreciate it!
Doesn’t appear to work on fields named for instance start[125]
I get back
rather than the desired
This seems to be copied (judging from dates) from Stackoverflow: http://stackoverflow.com/questions/1184624/convert-form-data-to-js-object-with-jquery
I think you’re missing the point of sharing snippets of code…