zoukankan      html  css  js  c++  java

  • javascript中字符串格式转化成json对象记录

    什么是JSON 

    JSON(JavaScript Object Notation)是一种优美的JavaScript对象创建方法。JSON也是一种轻量级数据交换格式。JSON非常易于人阅读与编写，同时利于机器解析与生成。JSON是在AJAX中代替XML交换数据的更佳方案。 

    JSON格式与语法 

    var jsonobject= 
    { 
            //对象内的属性语法(属性名与属性值是成对出现的) 
            propertyname:value, 

            //对象内的函数语法(函数名与函数内容是成对出现的) 
            functionname:function(){...;} 
    }; 

    jsonobject -- JSON对象名称 
    propertyname -- 属性名称 
    functionname -- 函数名称 
    一对大括号，括起多个"名称/值"的集合 
    JSON使用"名称/值"对的集合表示，也可以被理解为数组(Array) 
    属性名或函数名可以是任意字符串，甚至是空字符串(见下面示例) 
    逗号用于隔开每对"名称/值"对 





    字符串格式json转化成json对象有3种方式： 
    1：js下用eval生成JSON对象  ---通过eval() 函数可以将JSON字符串转化为对象。 
    2：使用函数方式 
    3：使用js的json库或者jQuery提供的js库  --- 如果基于安全的考虑的话，最好是使用一个 JSON 解析器。 一个 JSON 解析器将只接受 JSON 文本。所以是更安全的。 

    Java代码  收藏代码
    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
    2. <html xmlns="http://www.w3.org/1999/xhtml">  
    3.         <head>  
    4.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    5.         <title>字符串格式json如何转化成json对象</title>  
    6.         <style type="text/css"></style>  
    7.         <script type="text/javascript">  
    8.             //方法1：js下用eval生成JSON对象  
    9.             function strJsonToJsonByEval(jsonData){   
    10.                 var json = eval("(" + jsonData +")");//转换为json对象     
    11.                 return json;  
    12.             }  
    13.               
    14.             //方法2：使用函数方式  
    15.             function strJsonToJsonByFunction(jsonData){   
    16.             　　return ( new Function("return "+jsonData) )();   
    17.             }  
    18.               
    19.             window.onload = function() {  
    20.                 var jsonData = " {name1:'1',value1:'a',name2:'2',value2:'b' }";  
    21.                 var json1 = strJsonToJsonByFunction(jsonData);  
    22.                 alert("Function || " + json1.name1 + "  ---  " + json1.name2);  
    23.                   
    24.                 var json2 = eval("(  {name1:'1',value1:'a',name2:'2',value2:'b' } )");  
    25.                 alert("eval("("jsonData")")  || " + json2.value1 + "  ---  " + json2.value2);  
    26.                   
    27.                 var json3 = strJsonToJsonByEval(jsonData);  
    28.                 alert("Eval || " + json3.value1 + "  ---  " + json3.value2);  
    29.             }  
    30.         </script>  
    31.         </head>  
    32.         <body>  
    33.         </body>  
    34. </html>  


    写成一个方法： 

    Java代码  收藏代码
    1. /* 
    2.              * @method 将拼接好字符串格式的json 转成json对象 
    3.              * @param jsonData param fomart: 
    4.              * var jsonData = "{name1:'1',value1:'a',name2:'2',value2:'b' }"; 
    5.              * @return json; 
    6.              */  
    7.             function strJsonToJson(jsonData){   
    8.                 //方法1：js下用eval生成JSON对象  
    9.                 //var json = eval("(" + jsonData +")");//转换为json对象     
    10.                 //return json;  
    11.                 //方法2：使用函数方式  
    12.             　　return ( new Function("return "+jsonData) )();   
    13.             }  





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

    3、jQuery 

    Java代码  收藏代码
      1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
      2. <html xmlns="http://www.w3.org/1999/xhtml">  
      3. <head>  
      4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
      5. <title>jQuery插件方式解析json</title>  
      6.   
      7. <script type="text/javascript" src="jquery-1.9.1.js"></script>  
      8. <script type="text/javascript" src="jquery.json-2.4.js"></script>  
      9. <script type="text/javascript">  
      10. /* 
      11. jquery-1.9.1.js 提供的方法。 
      12. jQuery.parseJSON( json ) 返回： Object 
      13. 接受一个标准格式的 JSON 字符串，并返回解析后的 JavaScript 对象。 
      14.  
      15. 传入格式有误的 JSON 字符串可能导致抛出异常。例如，下面这些 JSON 字符串格式都不对： 
      16. {test: 1} (test 没有使用双引号包裹). 
      17. {'test': 1} ('test' 用了单引号而不是双引号包裹). 
      18. 另外，如果你什么都不传入，或者传入空字符串、null、undefined 等，parseJSON 都会返回 null 。如果浏览器原生实现了 JSON.parse， jQuery 则会使用它来解析字符串。 
      19. */  
      20. var strJson = '{"name":"John"}';  
      21. //var strJson = "{name:'John'}";//错误格式，必须严格满足一个标准格式的 JSON 字符串,key--value 都用双引号包裹  
      22. var obj = jQuery.parseJSON(strJson);  
      23. alert( obj.name === "John" ); // true  
      24.   
      25. var obj2 = $.parseJSON(strJson);  
      26. alert( obj2.name  ); //John  
      27.   
      28.   
      29. /* 
      30. jquery.json-2.4.js 提供的方法。 
      31. 下面的方法在接受一个标准格式的 JSON 字符串 并不是很严格，只要是键值对形式的都可以。 
      32. http://code.google.com/p/jquery-json/ 
      33. toJSON: Serializes a javascript object, number, string, or array into JSON. 
      34. evalJSON: Converts from JSON to Javascript, quickly, and is trivial. 
      35. */  
      36.   
      37. //Json Object  
      38. var json = { plugin: 'jquery-json', version: 2.4 };  
      39.   
      40. //toJSON: Json Object ---> String Json  
      41. var encoded = $.toJSON( json );// '{"plugin":"jquery-json","version":2.4}'  
      42.    
      43. //evalJSON: String Json ---> Json Object  
      44. var jsonObject = $.evalJSON( encoded );  
      45.    
      46. var name = $.evalJSON( encoded ).plugin;// "jquery-json"  
      47. var version = $.evalJSON(encoded).version;// 2.4  
      48.   
      49. alert( "toJSON: "  + encoded + " ,typeof "  + typeof encoded + " "   
      50.      + "evalJSON: "  + jsonObject + " ,typeof "  + typeof(jsonObject) + " "   
      51.      + "name= " + name + " , version= " + version );  
      52.   
      53. </script>  
      54. </head>  
      55.   
      56. <body>  
      57. </body>  
      58. </html>  
  • 相关阅读:
    Python MySQL（SQL语句的补充3）
    Python MySQL（pymysql的使用day1）
    Python MySQL（SQL语句的补充2）
    Python MySQL（对外键使用方法的补充）
    Python MySQL（学习SQL语句）
    Python MySQL数据库的基本使用
    关于http响应内容压缩的一点小积累。
    同一账号，后一用户登录，前一个用户则被踢掉
    对序列化的学习。
    MySQL 函数积累
  • 原文地址：https://www.cnblogs.com/ranzige/p/3831307.html
Copyright © 2011-2022 走看看