脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → json → JSON.parse 数据不完整

JSON.parse 数据不完整的解决方法

 更新时间：2023年07月21日 15:53:15   作者：yandype  
本文主要介绍了JSON.parse 数据不完整的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

一、问题描述

使用 JSON.parse 反序列化，出现数据丢失现象。

字符串json数据：

{
    "varImageList": [
        {
            "variationValue": "Black ",
            "imageList": [
                {
                    "variationValue": "Black ",
                    "image_base64": "https://b2bfiles1.gigab2b.cn/image/wkseller/8658/WF212761AAB/20210713_11ca63ca7457a70070587ee7f2b30e1b.jpg",
                    "image_url": "https://b2bfiles1.gigab2b.cn/image/wkseller/8658/WF212761AAB/20210713_11ca63ca7457a70070587ee7f2b30e1b.jpg",
                    "imageAddress": "https://b2bfiles1.gigab2b.cn/image/wkseller/8658/WF212761AAB/20210713_11ca63ca7457a70070587ee7f2b30e1b.jpg",
                    "image_address": "https://b2bfiles1.gigab2b.cn/image/wkseller/8658/WF212761AAB/20210713_11ca63ca7457a70070587ee7f2b30e1b.jpg",
                    "type": "image/jpeg"
                }
            ]
        },
        {
            "variationValue": "Gray ",
            "imageList": [
                {
                    "variationValue": "Gray ",
                    "image_base64": "https://b2bfiles1.gigab2b.cn/image/wkseller/8658/20211124_4559fbad3a4e4b5c3a8b2383135334a6.jpg",
                    "image_url": "https://b2bfiles1.gigab2b.cn/image/wkseller/8658/20211124_4559fbad3a4e4b5c3a8b2383135334a6.jpg",
                    "imageAddress": "https://b2bfiles1.gigab2b.cn/image/wkseller/8658/20211124_4559fbad3a4e4b5c3a8b2383135334a6.jpg",
                    "image_address": "https://b2bfiles1.gigab2b.cn/image/wkseller/8658/20211124_4559fbad3a4e4b5c3a8b2383135334a6.jpg",
                    "type": "image/jpeg"
                }
            ]
        },
        {
            "variationValue": "Brown ",
            "imageList": [
                {
                    "variationValue": "Brown ",
                    "image_base64": "https://b2bfiles1.gigab2b.cn/image/wkseller/8658/WF212761AAR/20210713_885a0dd07f764f10f8d4e565db4f215d.jpg",
                    "image_url": "https://b2bfiles1.gigab2b.cn/image/wkseller/8658/WF212761AAR/20210713_885a0dd07f764f10f8d4e565db4f215d.jpg",
                    "imageAddress": "https://b2bfiles1.gigab2b.cn/image/wkseller/8658/WF212761AAR/20210713_885a0dd07f764f10f8d4e565db4f215d.jpg",
                    "image_address": "https://b2bfiles1.gigab2b.cn/image/wkseller/8658/WF212761AAR/20210713_885a0dd07f764f10f8d4e565db4f215d.jpg",
                    "type": "image/jpeg"
                }
            ]
        }
    ]
}

JSON.parse 序列化后结果：

{
    "varImageList": [
        {
            "variationValue": "Black",
            "imageList": []
        },
        {
            "variationValue": "Gray",
            "imageList": []
        },
        {
            "variationValue": "Brown",
            "imageList": []
        }
    ]
}

imageList 数据丢失。

使用 eval 反序列化，数据正常；

var json = eval('(' + strJson + ')');

二、产生原因

这是因为  JSON.parse 对 json字符串数据要求比较严格。像上面数据丢失原因，就是因为属性值后缀有空字符导致的。使用 trim() 方法去除两边空字符即可；

到此这篇关于JSON.parse 数据不完整的解决方法的文章就介绍到这了,更多相关JSON.parse 数据不完整内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • 说说JSON和JSONP 也许你会豁然开朗

    说说JSON和JSONP 也许你会豁然开朗

    说到AJAX就会不可避免的面临两个问题，第一个是AJAX以何种格式来交换数据？第二个是跨域的需求如何解决
    2012-09-09
  • JSON 必知必会 观后记

    JSON 必知必会 观后记

    这篇文章主要介绍了个人看了JSON 必知必会一书的读后感，此书从各个方面介绍了json的一些注意事项与优缺点。
    2016-10-10
  • json字符串传到前台input的方法

    json字符串传到前台input的方法

    今天小编就为大家分享一篇json字符串传到前台input的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • 实现单层json按照key字母顺序排序的示例

    实现单层json按照key字母顺序排序的示例

    下面小编就为大家分享一篇实现单层json按照key字母顺序排序的示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2017-12-12
  • javascript操作JSON的要领总结

    javascript操作JSON的要领总结

    JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包,需要的朋友可以了解下
    2012-12-12
  • 父子窗体间传递JSON格式的数据的代码

    父子窗体间传递JSON格式的数据的代码

    在开发的项目中，遇到这样一个例子：当用户选择某一个用户名时，弹出当前用户的评分卷，该评分卷列出了所有一级评分项，让用户进行评分操作。
    2010-12-12
  • JS操作JSON常用方法(10w阅读)

    JS操作JSON常用方法(10w阅读)

    工作中做了几款自动化测试工具都是跟日志读取相关，日志格式又大多数都是JSON，所以这里把常用的JS操作JSON的方法做了总结,需要的朋友可以参考下
    2020-12-12
  • js解析与序列化json数据(二)序列化探讨

    js解析与序列化json数据(二)序列化探讨

    上一节我们讲解了JSON.stringify()的基本用法，这一节我们来重点探讨一下序列化,单独或组合使用这两个参数(过滤器/数组)，可以更全面深入地控制JSON的序列化,感兴趣的朋友可以了解下，或许对你学习json有所帮助
    2013-02-02
  • 一文了解什么是JWT

    一文了解什么是JWT

    JSON WEB Token是一种基于JSON的、用于在网络上声明某种主张的令牌，由三部分组成: 头信息, 消息体和签名，下面就一起来了解一下什么是JWT
    2023-05-05
  • Javascript生成json的函数代码(可以用php的json_decode解码)

    Javascript生成json的函数代码(可以用php的json_decode解码)

    这几天迷上了JSON，连项目中一些XML的工作都交给了JSON，话说JSON真的比XML方便的多啊
    2012-06-06

最新评论