什么是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 文本。所以是更安全的。 

  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. //方法2：使用函数方式
  14. function strJsonToJsonByFunction(jsonData){
  15. 　　return ( new Function("return "+jsonData) )();
  16. }
  17. window.onload = function() {
  18. var jsonData = " {name1:'1',value1:'a',name2:'2',value2:'b' }";
  19. var json1 = strJsonToJsonByFunction(jsonData);
  20. alert("Function || " + json1.name1 + "  ---  " + json1.name2);
  21. var json2 = eval("(  {name1:'1',value1:'a',name2:'2',value2:'b' } )");
  22. alert("eval(\"(\"jsonData\")\")  || " + json2.value1 + "  ---  " + json2.value2);
  23. var json3 = strJsonToJsonByEval(jsonData);
  24. alert("Eval || " + json3.value1 + "  ---  " + json3.value2);
  25. }
  26. </script>
  27. </head>
  28. <body>
  29. </body>
  30. </html>

写成一个方法：

  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

    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. <script type="text/javascript" src="jquery-1.9.1.js"></script>
    7. <script type="text/javascript" src="jquery.json-2.4.js"></script>
    8. <script type="text/javascript">
    9. /*
    10. jquery-1.9.1.js 提供的方法。
    11. jQuery.parseJSON( json ) 返回： Object
    12. 接受一个标准格式的 JSON 字符串，并返回解析后的 JavaScript 对象。
    13. 传入格式有误的 JSON 字符串可能导致抛出异常。例如，下面这些 JSON 字符串格式都不对：
    14. {test: 1} (test 没有使用双引号包裹).
    15. {'test': 1} ('test' 用了单引号而不是双引号包裹).
    16. 另外，如果你什么都不传入，或者传入空字符串、null、undefined 等，parseJSON 都会返回 null 。如果浏览器原生实现了 JSON.parse， jQuery 则会使用它来解析字符串。
    17. */
    18. var strJson = '{"name":"John"}';
    19. //var strJson = "{name:'John'}";//错误格式，必须严格满足一个标准格式的 JSON 字符串,key--value 都用双引号包裹
    20. var obj = jQuery.parseJSON(strJson);
    21. alert( obj.name === "John" ); // true
    22. var obj2 = $.parseJSON(strJson);
    23. alert( obj2.name  ); //John
    24. /*
    25. jquery.json-2.4.js 提供的方法。
    26. 下面的方法在接受一个标准格式的 JSON 字符串 并不是很严格，只要是键值对形式的都可以。
    27. http://code.google.com/p/jquery-json/
    28. toJSON: Serializes a javascript object, number, string, or array into JSON.
    29. evalJSON: Converts from JSON to Javascript, quickly, and is trivial.
    30. */
    31. //Json Object
    32. var json = { plugin: 'jquery-json', version: 2.4 };
    33. //toJSON: Json Object ---> String Json
    34. var encoded = $.toJSON( json );// '{"plugin":"jquery-json","version":2.4}'
    35. //evalJSON: String Json ---> Json Object
    36. var jsonObject = $.evalJSON( encoded );
    37. var name = $.evalJSON( encoded ).plugin;// "jquery-json"
    38. var version = $.evalJSON(encoded).version;// 2.4
    39. alert( "toJSON: "  + encoded + " ,typeof "  + typeof encoded + "\r\n\r\n"
    40. + "evalJSON: "  + jsonObject + " ,typeof "  + typeof(jsonObject) + "\r\n\r\n"
    41. + "name= " + name + " , version= " + version );
    42. </script>
    43. </head>
    44. <body>
    45. </body>
    46. </html>

javascript中字符串格式转化成json对象记录的更多相关文章

  1. javascript中字符串格式json如何转化成json对象

    什么是JSON JSON(JavaScript Object Notation)是一种优美的JavaScript对象创建方法.JSON也是一种轻量级数据交换格式.JSON非常易于人阅读与编写,同时利于 ...

  2. javascript中字符串常用操作整理

    javascript中字符串常用操作整理 字符串的操作在js中非常频繁,也非常重要.以往看完书之后都能记得非常清楚,但稍微隔一段时间不用,便会忘得差不多,记性不好是硬伤啊...今天就对字符串的一些常用 ...

  3. js中Json字符串如何转成Json对象(4种转换方式)

    js中Json字符串如何转成Json对象(4种转换方式) 一.总结 一句话总结:原生方法(就是浏览器默认支持的方法) 浏览器支持的转换方式(Firefox,chrome,opera,safari,ie ...

  4. js将json字符串转化成json对象的方法

    js将json字符串转化成json对象的方法: JSON.parse(jsonObject)

  5. JS对象 JavaScript 中的所有事物都是对象，如:字符串、数值、数组、函数等，每个对象带有属性和方法。

    什么是对象 JavaScript 中的所有事物都是对象,如:字符串.数值.数组.函数等,每个对象带有属性和方法. 对象的属性:反映该对象某些特定的性质的,如:字符串的长度.图像的长宽等: 对象的方法: ...

  6. 将非常规Json字符串转换为常用的json对象

    如下所示,这是一个已经转换为Json对象的非常规Json字符串,原来是一个Json类型的字符串,在转换为Json对象时,查询资料发现有两种转换法,.parse()和.eval()方法,但是前辈们都极其 ...

  7. JavaScript中两种类型的全局对象/函数【转】

    Snandy Stop, thinking is the essence of progress. JavaScript中两种类型的全局对象/函数 这里所说的JavaScript指浏览器环境中的包括宿 ...

  8. IOS开发之把 Array 和 Dictionaries 序列化成 JSON 对象

    1 前言通过 NSJSONSerialization 这个类的 dataWithJSONObject:options:error:方法来实现,Array 和 dictionary 序列化成 JSON ...

  9. JavaScript中字符串的match与replace方法

    1.match方法 match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配. match()方法的返回值为:存放匹配结果的数组. 2.replace方法 replace() 方 ...

随机推荐

  1. C#中实现对Excel特定文本的搜索

    打开Excel的VBA帮助,查看Excel的对象模型,很容易找到完成这个功能需要的几个集合和对象: Application.Workbooks. Workbook.Worksheets还有Worksh ...

  2. Twitter Storm: storm的一些常见模式

    这篇文章列举出了storm topology里面的一些常见模式: 流聚合(stream join) 批处理(Batching) BasicBolt 内存内缓存 + fields grouping 组合 ...

  3. bzoj3064 CPU监控

    今天终于写了一道正常的题 思路是这样的: 1.普通线段树add,set不变,并改为下放标记版本 2.past_addv 记录一个区间内可能的addv值的最大值 3.past_setv 记录一个区间被s ...

  4. linux下安装filezilla客户端遇到的问题

    访问filezilla ./filezilla 出现error while loading shared libraries : libpng12.so.o 缺少libpng12.so.o这个文件 解 ...

  5. DOM笔记（九）：引用类型、基本包装类型和单体内置对象

    一.Array 1 .创建数组的方式 //Array构造函数(可以去掉new) var colors0 = new Array(); var colors1 = new Array(20); var ...

  6. Spring Boot 学习笔记 - 认识Spring Boot框架

    因各种原因,.NET前端工程师重新接触JAVA,真是向全栈的路上又迈出了无奈的一步. 下面正文: Spring Boot是由Pivotal团队提供的全新框架,其设计目的是用来简化新Spring应用的初 ...

  7. Swift相关图书推荐

    Swift与Cocoa框架开发 作      者 [澳] 曼宁(Jonathon Manning),巴特菲尔德-艾迪生(Paris Buttfield 出 版 社 人民邮电出版社 出版时间 2015- ...

  8. hadoop中HBase子项目入门讲解

    HBase 是Hadoop的一个子项目,HBase采用了Google BigTable的稀疏的,面向列的数据库实现方式的理论,建立在hadoop的hdfs上,一方面里用了hdfs的高可靠性和可伸缩行, ...

  9. Chapter 6 Windows下编译pycaffe

    pycaffe 是 Caffe 提供的Python接口,我们知道 Caffe 的整个framework是基于C Plus Plus 来开发的,所以pycaffe 的根本就是提供Python调用Caff ...

  10. [POJ] #1002# 487-3279 : 桶排序/字典树(Trie树)/快速排序

    一. 题目 487-3279 Time Limit: 2000MS   Memory Limit: 65536K Total Submissions: 274040   Accepted: 48891 ...