• js json字符串与json对象互相转换(最全)


    1.json字符串转json对象

      使用场景:通常在取json字符串里具体的值时,会用到。

    var jsonString = '{"name":"Marydon","website":"www.cnblogs.com"}';
    

      方式一:eval()

      使用eval()进行转换时需要在json字符串外包裹一对小括号,不加小括号无效。 

    var jsonObject= eval('(' + jsonString +')');
    

      方式二:JSON.parse()  

    var jsonObject= JSON.parse(jsonString);
    

      方式三:$.parseJSON()

      页面需要引入jQuery

    var jsonObject = $.parseJSON(jsonString);
    

      方式四:使用json2.js

      json2.js 提供了json的序列化和反序列化方法,完美支持各个浏览器。

      使用时我们首先要将json2.js引用进来,源码地址:https://github.com/douglascrockford/JSON-js。

    var jsonObject= JSON.parse(jsonString);

    2.json对象转json字符串

       使用场景:通常在使用ajax想后台传输数据时使用,因为如果直接传递json对象,java后台接收该请求的方法需要将请求参数格式指定为json对象,甚至将其转换成json字符串,对于后台开发人员很不方便。

    var jsonObject = {"name":"Marydon","website":"www.cnblogs.com"};  

      方式一:JSON.stringify()

    var jsonString = JSON.stringify(jsonObject);
    

      方式二:使用json2.js

      使用方式和上面一样。

    var jsonString = JSON.stringify(jsonObject);
    

      方式三:$.stringify()

      首先,jQuery并没有该方法,但是我们可以对其进行扩展。

    jQuery.extend({
        stringify  : function stringify(obj) {
            var t = typeof (obj);
            if (t != "object" || obj === null) {
                // simple data type
                if (t == "string") obj = '"' + obj + '"';
                return String(obj);
            } else {
                // recurse array or object
                var n, v, json = [], arr = (obj && obj.constructor == Array);
                for (n in obj) {
                    v = obj[n];
                    t = typeof(v);
                    if (obj.hasOwnProperty(n)) {
                        if (t == "string") v = '"' + v + '"';
                        else if (t == "object" && v !== null) v = jQuery.stringify(v);
                        json.push((arr ? "" : '"' + n + '":') + String(v));
                    }
                }
                return (arr ? "[" : "{") + String(json) + (arr ? "]" : "}");
            }
        }
    });
    

      第一步:在所需要使用的页面引入你的jQuery文件;

      第二步:将上面js代码添加到在你要调用该方法代码之前的位置(最好是头部,方便代码维护)。

    var jsonString = $.stringify(jsonObject);
    

    写在最后

      哪位大佬如若发现文章存在纰漏之处或需要补充更多内容,欢迎留言!!!

     相关推荐:

  • 相关阅读:
    给jquery 添加触屏事件,上下左右 touchwipe插件
    node.js 安装运行
    CSS3 3D 盒子模型
    javascript 获取内联样式
    HTML5 离线存储应用案例
    swipe.js 轻松实现手机端滑动效果
    手机网页轮播切换,简易版
    多行文字垂直居中
    jquery实现简单轮播
    利用media query写响应式布局
  • 原文地址:https://www.cnblogs.com/Marydon20170307/p/11890879.html
Copyright © 2020-2023  润新知