Chrome-Sendeanforderungsfehler: TypeError: Konvertieren der kreisförmigen Struktur in JSON

Habe ich die folgenden...

chrome.extension.sendRequest({
  req: "getDocument",
  docu: pagedoc,
  name: 'name'
}, function(response){
  var efjs = response.reply;
});

welche Anrufe die folgenden..

case "getBrowserForDocumentAttribute":
  alert("ZOMG HERE");
  sendResponse({
    reply: getBrowserForDocumentAttribute(request.docu,request.name)
  });
  break;

Jedoch meinen code nie erreicht "ZOMG HIER", sondern wirft die folgende Fehlermeldung während der Ausführung chrome.extension.sendRequest

 Uncaught TypeError: Converting circular structure to JSON
 chromeHidden.JSON.stringify
 chrome.Port.postMessage
 chrome.initExtension.chrome.extension.sendRequest
 suggestQuery

Hat jemand eine Idee, was die Ursache dieses?

InformationsquelleAutor der Frage Skizit | 2011-01-27

421

Es bedeutet, dass das Objekt, das Sie übergeben die Anfrage (ich denke, es ist pagedoc) hat eine kreisförmige Referenz, so etwas wie:
```
var a = {};
a.b = a;
```
JSON.stringify konvertieren kann Strukturen wie diese.

N. B.: Dies wäre der Fall, mit einem DOM Knoten, die zirkuläre Referenzen, auch wenn Sie nicht an die DOM-Struktur. Jeder Knoten hat eine ownerDocument bezieht sich auf document in den meisten Fällen. document hat eine Referenz auf den DOM-Baum mindestens durch document.body und document.body.ownerDocument bezieht sich wieder auf document wieder, das ist nur eine von mehreren Zirkelbezügen in den DOM-Baum.

InformationsquelleAutor der Antwort Felix Kling

112

Als pro die JSON-docs bei MozillaJSON.Stringify hat einen zweiten parameter censor die verwendet werden können, zu filtern/ignorieren Kinder Gegenstände, die beim analysieren der Baum. Aber vielleicht können Sie vermeiden, das zirkuläre Referenzen.

In Node.js das können wir nicht. So können wir etwas wie das hier tun:

function censor(censor) {
  var i = 0;

  return function(key, value) {
    if(i !== 0 && typeof(censor) === 'object' && typeof(value) == 'object' && censor == value) 
      return '[Circular]'; 

    if(i >= 29) //seems to be a harded maximum of 30 serialized objects?
      return '[Unknown]';

    ++i; //so we know we aren't using the original object anymore

    return value;  
  }
}

var b = {foo: {bar: null}};

b.foo.bar = b;

console.log("Censoring: ", b);

console.log("Result: ", JSON.stringify(b, censor(b)));

Das Ergebnis:

Censoring:  { foo: { bar: [Circular] } }
Result: {"foo":{"bar":"[Circular]"}}

Leider scheint es werden maximal 30 Iterationen, bevor es automatisch davon ausgegangen, dass es rund ist. Ansonsten sollte diese Arbeit. Ich selbst verwendet areEquivalent von hier ausaber JSON.Stringify noch wirft die Ausnahme nach 30 Iterationen. Dennoch ist es gut genug, um eine anständige Darstellung des Objekts auf top-Niveau, wenn Sie es wirklich brauchen. Vielleicht jemand kann verbessert werden obwohl? In Node.js für eine HTTP-request-Objekt, ich bin immer:

{
"limit": null,
"size": 0,
"chunks": [],
"writable": true,
"readable": false,
"_events": {
    "pipe": [null, null],
    "error": [null]
},
"before": [null],
"after": [],
"response": {
    "output": [],
    "outputEncodings": [],
    "writable": true,
    "_last": false,
    "chunkedEncoding": false,
    "shouldKeepAlive": true,
    "useChunkedEncodingByDefault": true,
    "_hasBody": true,
    "_trailer": "",
    "finished": false,
    "socket": {
        "_handle": {
            "writeQueueSize": 0,
            "socket": "[Unknown]",
            "onread": "[Unknown]"
        },
        "_pendingWriteReqs": "[Unknown]",
        "_flags": "[Unknown]",
        "_connectQueueSize": "[Unknown]",
        "destroyed": "[Unknown]",
        "bytesRead": "[Unknown]",
        "bytesWritten": "[Unknown]",
        "allowHalfOpen": "[Unknown]",
        "writable": "[Unknown]",
        "readable": "[Unknown]",
        "server": "[Unknown]",
        "ondrain": "[Unknown]",
        "_idleTimeout": "[Unknown]",
        "_idleNext": "[Unknown]",
        "_idlePrev": "[Unknown]",
        "_idleStart": "[Unknown]",
        "_events": "[Unknown]",
        "ondata": "[Unknown]",
        "onend": "[Unknown]",
        "_httpMessage": "[Unknown]"
    },
    "connection": "[Unknown]",
    "_events": "[Unknown]",
    "_headers": "[Unknown]",
    "_headerNames": "[Unknown]",
    "_pipeCount": "[Unknown]"
},
"headers": "[Unknown]",
"target": "[Unknown]",
"_pipeCount": "[Unknown]",
"method": "[Unknown]",
"url": "[Unknown]",
"query": "[Unknown]",
"ended": "[Unknown]"
}

Habe ich ein kleines Node.js Modul dies hier tun: https://github.com/ericmuyser/stringy Fühlen Sie sich frei, um zu verbessern/contribute!

InformationsquelleAutor der Antwort Eric Muyser

Ein Ansatz ist, um Streifen-Objekt und Funktionen von Haupt-Objekt. Und stringify die einfachere form

function simpleStringify (object){
    var simpleObject = {};
    for (var prop in object ){
        if (!object.hasOwnProperty(prop)){
            continue;
        }
        if (typeof(object[prop]) == 'object'){
            continue;
        }
        if (typeof(object[prop]) == 'function'){
            continue;
        }
        simpleObject[prop] = object[prop];
    }
    return JSON.stringify(simpleObject); //returns cleaned up JSON
};

InformationsquelleAutor der Antwort zainengineer

Verwende ich normalerweise die Kreis-json npm-Paket, um dieses Problem zu lösen.

//Felix Kling's example
var a = {};
a.b = a;
//load circular-json module
var CircularJSON = require('circular-json');
console.log(CircularJSON.stringify(a));
//result
{"b":"~"}

https://www.npmjs.com/package/circular-json

InformationsquelleAutor der Antwort user3139574

Ich dieses problem lösen auf NodeJS wie diese:

var util = require('util');

//Our circular object
var obj = {foo: {bar: null}, a:{a:{a:{a:{a:{a:{a:{hi: 'Yo!'}}}}}}}};
obj.foo.bar = obj;

//Generate almost valid JS object definition code (typeof string)
var str = util.inspect(b, {depth: null});

//Fix code to the valid state (in this example it is not required, but my object was huge and complex, and I needed this for my case)
str = str
    .replace(/<Buffer[ \w\.]+>/ig, '"buffer"')
    .replace(/\[Function]/ig, 'function(){}')
    .replace(/\[Circular]/ig, '"Circular"')
    .replace(/\{ \[Function: ([\w]+)]/ig, '{ $1: function $1 () {},')
    .replace(/\[Function: ([\w]+)]/ig, 'function $1(){}')
    .replace(/(\w+): ([\w :]+GMT\+[\w \(\)]+),/ig, '$1: new Date("$2"),')
    .replace(/(\S+): ,/ig, '$1: null,');

//Create function to eval stringifyed code
var foo = new Function('return ' + str + ';');

//And have fun
console.log(JSON.stringify(foo(), null, 4));

InformationsquelleAutor der Antwort MiF

3

Könnte dies nicht im Zusammenhang Antwort, aber dieser link Erkennen und beheben von Zirkelbezügen in JavaScript vielleicht hilfreich, um zu erkennen, Objektedie verursacht zirkuläre Abhängigkeit.

InformationsquelleAutor der Antwort Ramesh Papaganti
2

Ich erlebt habe, der gleiche Fehler beim erstellen der Nachricht unten mit jQuery. Der Zirkelbezug passiert, wenn reviewerName wurde irrtümlich zugeordnet msg.detail.reviewerName. JQuery .val() behebt das Problem, siehe Letzte Zeile.
```
var reviewerName = $('reviewerName'); //<input type="text" id="taskName" />;
var msg = {"type":"A", "detail":{"managerReview":true} };
msg.detail.reviewerName = reviewerName; //Error
msg.detail.reviewerName = reviewerName.val(); //Fixed
```
InformationsquelleAutor der Antwort izilotti
0

War ich immer die gleichen Fehler mit jqurty formvaliadator, entfernt, aber wenn ich eine Konsole.melden Sie im inneren success: function, es funktionierte.

InformationsquelleAutor der Antwort Azmeer

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.