Maximum call stack size exceeded error when converting jquery element object to json

Question

I have a jquery element as object:

var created = $('#object');

and I want to parse it to JSON with this method:

var json = JSON.stringify(created);

but its throwing

Maximum call stack size exceeded error

Is there any way that I can get this element as JSON?

Looks like the element you are trying to stringify is huge, what exactly you need to do with this element? — Senal, Jun 11 '18 at 14:05
A jQuery object has too many properties to be converted to json. What exactly are you trying to get — Luis felipe De jesus Munoz, Jun 11 '18 at 14:06
You might be facing a loop. Read more here: https://stackoverflow.com/questions/6095530/maximum-call-stack-size-exceeded-error — Erwin Moller, Jun 11 '18 at 14:07
@Eddie I have an object that has this element inside it. And i need to convert to JSON to save it — Ertan Hasani, Jun 12 '18 at 06:53
@ErwinMoller I already did but theres nothing about this particular, how to deal with element objects — Ertan Hasani, Jun 12 '18 at 06:54
@LuisfelipeDejesusMunoz There is an object that has many properties, and one of them should be the elment object. — Ertan Hasani, Jun 12 '18 at 06:55
@ErtanHasani Yes, but you have a jQuery object which has alot of properties. You might want to consider only including the the properties that you may need in the future. — Eddie, Jun 12 '18 at 09:00
@Eddie I will do it like that because it seems that there is no other option — Ertan Hasani, Jun 12 '18 at 11:06

score 0 · Answer 1 · answered Jun 11 '18 at 14:50

0

the dom elements have a lot of child properties that references other parent properties and because of this you have a loop to serialize it. If you analyse your $('#object') on console you can view what i'm talking about. Using JSON.stringify(created, function (k, v) { return k ? "" + v : v; }); you avoid this.

answered Jun 11 '18 at 14:50

Francis Pires

15
4

this is not working, since its returning `[object Object]` as string – Ertan Hasani Jun 12 '18 at 07:50
1

This is suposed to work on root element only, if you "enter" on objects you have the same problem. If you need the html of the element this can be simples like element.innerHtml, but if you have to serialize as JSON you have to chose upfront the properties you want. Serialize a full Jquery object it's impossible because the circular references. – Francis Pires Jun 15 '18 at 19:43

Maximum call stack size exceeded error when converting jquery element object to json

1 Answers1