如何解決 Chrome 擴充功能中的「將循環結構轉換為 JSON」錯誤？

Chrome 擴充程式中的錯誤處理：解決「將循環結構轉換為JSON」問題

使用Chrome 擴充程式時，很常見與資料序列化相關的錯誤。其中一個錯誤是使用 chrome.extension.sendRequest 時遇到的「TypeError：將循環結構轉換為 JSON」。當請求包含具有循環引用的物件時，會發生這種情況，從而阻止 JSON 序列化。

在提供的程式碼片段中，請求物件包含 pagedoc 屬性。該變數可能代表一個 DOM 節點。 JavaScript 中的 DOM 節點具有循環引用，這對於 JSON 序列化來說是有問題的。

理解DOM 中的循環引用

DOM 節點具有固有的循環引用，因為：

• 每個節點都有一個ownerDocument屬性，該屬性引用document.
• 透過document.body 引用DOM樹的文檔。
• document.body.ownerDocument 引用回文件。

作為結果，JSON 序列化失敗，因為它試圖無限期地遍歷循環引用。

解決方案：解決循環引用

要解決此問題，您可以在發送請求對象之前中斷請求對像中的循環引用。由於DOM 節點是分層的，因此您可以建立一個表示分層關係的新對象，而無需循環參考：

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
  });
}

將請求對像中的pagedoc 替換為newObj 以刪除循環引用：

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

透過打破循環引用，您現在可以成功序列化請求物件並將其傳送到擴充功能。然後，擴充功能可以處理請求並提供預期回應，而不會遇到“將循環結構轉換為 JSON”錯誤。

以上是如何解決 Chrome 擴充功能中的「將循環結構轉換為 JSON」錯誤？的詳細內容。更多資訊請關注PHP中文網其他相關文章！