zoukankan      html  css  js  c++  java
  • js操作Json数据,JSON对象与字符串转化

    js操作Json数据,JSON对象与字符串转化 - jack_Meng - 博客园

    一、JSON格式数据介绍

    书写AJAX的时候,经常需要解析从服务器返回的一串字符串,这里简单介绍服务器返回字符的两种格式,及JS对它们的解析方法。

    JSON即JS对象标记(JavaScript Object Notation),是一种以JS声明对象的方式组合的一串字符串。
    JS可以按以下方式定义对象:
    var obj =

    {
         id: 2,
         name: 'n'
     };

    alert(obj.name);

    这样就定义了对象 obj, 它有两个公共属性id和name,可以用 obj.id 的方式直接访问其属性值。

    从服务器获取数据时往往不止一个对象,这就需要用到对象数组,JS中对象数组可以用 [] 来定义,如下:
    var objs = [{ id: 1, name: 'n_1' }, { id: 2, name: 'n_2'}];
    alert(objs[0].id);
    这样就定义了对象数组 objs, 它包含两个对象,可以用索引来访问,如 objs[0] 将引用到第一个对象。到这里你或许已经想到服务器返回的字符串格式是怎样的,但字符串毕竟是字符串,我们需要将其转换为可以利用JS操作的变量。这就用到 eval 函数,请看下例:

    var objs = eval("[{ id: 1, name: 'n_1' }, { id: 2, name: 'n_2'}]");
    alert(objs[0].id); // return 1

    二、构造Json对象
    好了,根据上面的知识,在服务器端只要以格式:[{ id: 1, name: 'n_1' }, { id: 2, name: 'n_2'}] 返回字符串,在客户端就可以利用 eval() 执行返回的字符串,获得对象数组。以下用AJAX做一个简单的例子。用js取json的代码如下:

       var objs = eval(request.responseText);
           alert(objs.length); // 2
           alert(objs[0].id);  // 1
           alert(objs[1].name);// 'n_2'

    再添加一个测试按钮即可以看到效果:

    <input type="button" value="GetJson" onclick="getJson();" />

     

    但有时,会遇到Json数据是自己拼接的情况,用js直接读,发现读出来的数据都是undefined...也就是说,像

    var s = "{name1:'name1',name2:'name2'}";的情况,js是把它当作字符串,而不是JSON数据来处理的。所以,需要我们把它转化为JSON形数据。

    注意,如果此时写:tmp = eval(tmp) 则会报"缺少;"的错误。应该是:tmp =eval("(" + tmp + ")");

    然后再使用document.getElementById("txt1").value = tmp.name1;就可以了。

    下面我列出来了常见的几种字符串转JSON的情况:

    字符串转Json方法一

    //字符串转Json方法1
    function strToJson(str){
    var json = eval('(' + str + ')');
    return json;
    }

     ======================【测试】===========================

    var s = "{name1:'name1',name2:'name2'}";
    alert(strToJson(s).name1);//此处可以正常使用
    alert(strToJson("("+s+")").name2);//在外面多增加个括号也可以正常转换
    因为通过以上可以看出,只有一个{}的情况,JS只把它做为一个对象进行操作.

    var s2 = "[{name:'name1',age:'20'},{name:'name2',age:'20'}]";
    var obj =strToJson(s2);
    alert(obj.length);//显示长度为2
    alert(obj[1].name);

    var s3 = "[{name:'name1',age:'20'}]";
    alert(strToJson(s3).length);//显示长度为1
    alert(strToJson(s3)[0].name);
    在最外层增加了中括号[]的情况下,里面有一对大括号{},还是多对个大括号,最后都产生一个数组对象

    var s4 = "{name:'name1',age:'20'},{name:'name2',age:'22'},{name:'name3',age:'23'}";//此处做为逗号运算符
    //alert(strToJson(s4).name);  //此处只显示最后的一个 name3
    根据对s4的测试,如果有多个大括号,并且外层没有使用中括号[],则使用eval转换Json时候,先按逗号运算符,再把最后一个转换成Json对象,只会得到最后一个对象。

    字符串转Json方法二

    在使用了方法一的时候有人提出了安全问题,毕竟是一定是eval方法转换的嘛,可以执行任何的js代码。

    下面给出第二种方法,以供你参考

    //字符串转Json对象方法2
    function parseJSON( strData ){
    return (new Function( "return " + strData ))();
    }

    字符串转Json方法三
    另有字符串转化为JSON的方法:   //需要json.js包

    var obj = strJSON.parseJSON();
        var obj = JSON.parse(strJSON);

    =================================================================================

    下面说说如何把Json对象转换成字符串

    Json对象转字符串方法一

    //Json对象转字符串的方法
    function json2str(obj)
    {
      var S = [];
      for(var i in obj){
      obj[i] = typeof obj[i] == 'string'?'"'+obj[i]+'"':(typeof obj[i] == 'object'?json2str(obj[i]):obj[i]);
      S.push(i+':'+obj[i]);
      }
        return '{'+S.join(',')+'}';
    }

    Json对象转字符串方法二

    将JSON转化为字符串,//需要json.js包

      var str = obj.toJSONString();
      var str = JSON.stringify(obj)





  • 相关阅读:
    《小C QQ空间转帖、分享工具》之QQ空间数据传递的g_tk算法(C#)
    2.线性回归
    1(3).频率派 VS 贝叶斯派
    sklearn---SVM
    sklearn总览
    word转pdf时图片质量下降的解决方案
    python-字符串前面添加u,r,b的含义
    matplotlib---保存图片出现的问题
    matplotlib---设置线条颜色及形状
    numpy中arange()和linspace()区别
  • 原文地址:https://www.cnblogs.com/wang3680/p/aee6621884ada82ec91687a03fa857c1.html
Copyright © 2011-2022 走看看