Javascript – How to solve ‘ Uncaught TypeError: Converting circular structure to JSON ‘

extjsjavascript

Im executing a webpage but it displaying following error while checking it on Console.
'Uncaught TypeError: Converting circular structure to JSON'

console.log(JSON.stringify(physicianInfo));
 Ext.Ajax.request(
   { async : true, 
     url : Global.URLPrefix + 'addPhysicianInformation', 
     method : 'GET', 
     params : { 
         physicianInfo : JSON.stringify(physicianInfo), callFrom : 'add' },
     success : function (request, resp) { 
         var physician1 = Ext.decode(request.responseText); console.log(physician1);

Best Answer

This happens when you have a circular reference between objects.

For example:

A references B
B references A

When you try and serialize A then it needs to serialize B, but then it needs to serialize A again and there is no way to represent that loop in JSON. The result would be an infinite recursive loop.

You need to identify and remove the circular references. Remember that the chain can be more complex than the above:

A references B
B references C
C references A

It doesn't matter how many links there are or how they are stored. If you can go from one object to another object and then back to the first one by any route then it is a circular reference.

Related Solutions

Javascript – Chrome sendrequest error: TypeError: Converting circular structure to JSON

It means that the object you pass in the request (I guess it is pagedoc) has a circular reference, something like:

var a = {};
a.b = a;

JSON.stringify cannot convert structures like this.

N.B.: This would be the case with DOM nodes, which have circular references, even if they are not attached to the DOM tree. Each node has an ownerDocument which refers to document in most cases. document has a reference to the DOM tree at least through document.body and document.body.ownerDocument refers back to document again, which is only one of multiple circular references in the DOM tree.

Javascript – How to print a circular structure in a JSON-like format

In Node.js, you can use util.inspect(object). It automatically replaces circular links with "[Circular]".

Albeit being built-in (no installation is required), you must import it

import * as util from 'util' // has no default export
import { inspect } from 'util' // or directly
// or 
var util = require('util')

To use it, simply call

console.log(util.inspect(myObject))

Also be aware that you can pass options object to inspect (see link above)

inspect(myObject[, options: {showHidden, depth, colors, showProxy, ...moreOptions}])

Please, read and give kudos to commenters below...

Best Answer

Related Solutions

Javascript – Chrome sendrequest error: TypeError: Converting circular structure to JSON

Javascript – How to print a circular structure in a JSON-like format

Related Topic