美文网首页让前端飞程序员
JSON.stringify()执行出错

JSON.stringify()执行出错

作者: 前端沐先生 | 来源:发表于2017-07-19 09:49 被阅读1136次

    Uncaught TypeError: Converting circular structure to JSON
    这个错误是执行JSON.stringify() 时抛出的异常信息
    JSON.stringify()用于将json格式转换为string格式,与JSON.parser()相辅相成。

    两种方式会导致该错误:

    1、json格式数据存在循环调用。

    举个例子:

    var obj = {
         title: '标题'
    }
    obj.content = obj;
    JSON.stringify(obj);
    

    执行后,控制台将输出:

    Uncaught TypeError: Converting circular structure to JSON
        at Object.stringify (native)
        at <anonymous>:6:6
        at Object.InjectedScript._evaluateOn (<anonymous>:875:140)
        at Object.InjectedScript._evaluateAndWrap (<anonymous>:808:34)
        at Object.InjectedScript.evaluate (<anonymous>:664:21
    

    这是一种错误的编辑方式,我们应该禁止这样进行赋值。

    2、json格式数据层级过于复杂。

    这种情况在高版本浏览器中可执行,但在一些低版本的浏览器中报错(我是在chrome.40试出来的)。
    导致json过于复杂大多数原因是误将DOM或者jQuery对象赋值至json串中了。
    为什么会这样?这是由于各类插件在返回数据时,为方便使用会将事件源所在的DOM或jQuery对象一并返回,编码时如果不进行筛选就会造成这种错误。

    @拭目以待

    表格管理插件:gridmanager.lovejavascript.com && github地址
    QQ交流群 (452781895):How To Make Love

    《野生前端工程师》专辑中所有文章均为@拭目以待 原创,转载请注明出处。

    相关文章

      网友评论

        本文标题:JSON.stringify()执行出错

        本文链接:https://www.haomeiwen.com/subject/vvokkxtx.html