• 转换json和字符串的一些方法


    将字符串转换成json对象的方法:
    var str = '{"name1":"value1","name2":"value2"}';(json的转换格式必须是单引号套双引号)
    1.JSON.parse(str);
    2.eval("("+str+")");
    3.var json = (new Function("return"+str)());
    将json转换成字符串:
    1.JSON.stringgify(json);
     
    兼容问题
    JSON.parse()转化字符串成json对象在IE7及以下浏览器不支持(其他两种没问题)
    可以引进下面的js文件解决这个问题。
     
    强制转换:
     1 <!DOCTYPE html>
     2 <htmllang="en">
     3 <head>
     4 <metacharset="UTF-8"/>
     5 <title>Document</title>
     6 </head>
     7 <body>
     8 </body>
     9 <scripttype="text/javascript">
    10 // 不符合json转换格式的字符串
    11 var string ="{'age':28,'sex':'boy'}";
    12 // 用json的强制转换方法来转换这个字符串(new Function("return"+str)());
    13 var json =(newFunction("return"+string))();
    14 console.log(json.sex);
    15 var li = document.createElement("li");
    16 li.innerText="name:"+json.sex +",age:"+ json.age;
    17 document.body.appendChild(li);
    18 </script>
    19 </html>
    View Code
    效果:
     
    转换json数据的方法:
    json就是对象(object),对象就是json;
     1 <!DOCTYPE html>
     2 <htmllang="en">
     3 <head>
     4 <metacharset="UTF-8"/>
     5 <title>转换json数据</title>
     6 </head>
     7 <body>
     8 </body>
     9 <scripttype="text/javascript"src="jquery-3.1.1.min.js"></script>
    10 <scripttype="text/javascript">
    11 // 也是利用强制转换
    12 data ="{root:[{name:'1',value:'0'},{name:'11',value:'110'},{name:'1123',value:'广东'},{name:'1124',value:'附件'}]}";
    13 console.log(data);
    14 var json =(newFunction("return"+data))();
    15 console.log(json.root);
    16 $.each(json.root,function(i,v){
    17 console.log(v);
    18 var h = v;
    19 for(key in h){
    20 console.log(h[key]);
    21 var $span = $("<span></span><br/>");
    22 $span.text(h[key]);
    23 $("body").append($span);
    24 }
    25 });
    26 </script>
    27 </html>
    View Code
    效果:
     



  • 相关阅读:
    函数定义、调用
    条件语句和循环语句
    eclipse中安装pydev插件出现duplicate location
    编码类型
    除法
    数据类型
    命令和python模式转换
    前言
    SpringMVC_json
    解决eclipse中Tomcat服务器的server location选项不能修改的问题
  • 原文地址:https://www.cnblogs.com/ChenChunChang/p/6615977.html
Copyright © 2020-2023  润新知