Wie kann der Fehler „Konvertierung der kreisförmigen Struktur in JSON' in Chrome-Erweiterungen behoben werden?

Fehlerbehandlung in Chrome-Erweiterungen: Behebung des Problems „Konvertieren kreisförmiger Strukturen in JSON“

Bei der Arbeit mit Chrome-Erweiterungen kommt es häufig zu Problemen Fehler im Zusammenhang mit der Datenserialisierung. Ein solcher Fehler ist „TypeError: Converting Circular Structure to JSON“, der bei der Verwendung von chrome.extension.sendRequest auftritt. Dies tritt auf, wenn die Anfrage ein Objekt mit Zirkelverweisen enthält, wodurch die JSON-Serialisierung verhindert wird.

Im bereitgestellten Codeausschnitt enthält das Anfrageobjekt eine Pagedoc-Eigenschaft. Diese Variable stellt wahrscheinlich einen DOM-Knoten dar. DOM-Knoten in JavaScript haben Zirkelverweise, was für die JSON-Serialisierung problematisch ist.

Zirkelverweise im DOM verstehen

DOM-Knoten haben inhärente Zirkelverweise aus folgenden Gründen:

• Jeder Knoten verfügt über eine OwnerDocument-Eigenschaft, die auf den verweist document.
• Das Dokument, das über document.body einen Verweis auf den DOM-Baum hat.
• document.body.ownerDocument verweist zurück auf das Dokument.

Als Infolgedessen schlägt die JSON-Serialisierung fehl, da versucht wird, die Zirkelverweise zu durchlaufen Auf unbestimmte Zeit.

Lösung: Zirkelverweise adressieren

Um dieses Problem zu beheben, können Sie die Zirkelverweise im Anforderungsobjekt vor dem Senden unterbrechen. Da DOM-Knoten hierarchisch sind, können Sie ein neues Objekt erstellen, das die hierarchischen Beziehungen ohne Zirkelverweise darstellt:

var newObj = {
  id: pagedoc.id,
  children: []
};
for (var i = 0; i < pagedoc.children.length; i++) {
  newObj.children.push({
    id: pagedoc.children[i].id,
    ... // Continue building the nested structure without circular references
  });
}

Ersetzen Sie pagedoc im Anforderungsobjekt durch newObj, um die Zirkelverweise zu entfernen:

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

Durch Aufbrechen der Zirkelverweise können Sie das Anforderungsobjekt nun erfolgreich serialisieren und an die Erweiterung senden. Die Erweiterung kann dann die Anfrage verarbeiten und die erwartete Antwort bereitstellen, ohne dass der Fehler „Zirkuläre Struktur wird in JSON konvertiert“ auftritt.

Das obige ist der detaillierte Inhalt vonWie kann der Fehler „Konvertierung der kreisförmigen Struktur in JSON' in Chrome-Erweiterungen behoben werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!