什么是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. [Everyday Mathematics]20150218

    设 $A,B$ 是 $n$ 阶复方阵, 适合 $$\bex A^2B+BA^2=2ABA. \eex$$ 试证: 存在 $k\in\bbZ^+$, 使得 $(AB-BA)^k=0$.

  2. Dev gridControl z

    Dev gridControl 添加表标题 1.OptionsView ->ShowViewCaption = True 2.ViewCaption = "标题" Dev g ...

  3. C++ STL知识点小结

    1.capacity(容量)与size(长度)的区别. size(长度)指容器当前拥有的元素个数. capacity(容量)指容器在必须分配新存储空间之前可以存储的元素总数.

  4. 用标准C编写COM（一）

    cdllbufferstruct编译器微软 目录(?)[-] 简介 COM对象和虚表 GUID QueryInterfaceAddRef and Release IClassFactory对象 打包到 ...

  5. CKEditor和IMCE构建drupal编辑器

    1. 安装并启用CKEditor和IMCE模块. 2. 配置CKEditor: 3. 配置用户的权限即可.最终效果图:

  6. Oracle数据泵

    要使用数据泵必须先创建数据库目录        数据库目录只允许sys创建        普通用户使用 必须授权 假设scott 用户是导出导入用户 SQL> ! mkdir dp_dir SQ ...

  7. 该不该将变量设为 null ？

    该不该将变量设为 null ? 对于引用类型的变量,在什么时候需要将其显式设为 null ,在什么时候不需要呢? 局部变量 对于局部变量,在方法结束的时候,变量就会失效,变量指向的对象引用也会减少一个 ...

  8. iOS学习中的一些误区

    周二拿到offer之后,周三确定了去哪家,今天周四.今天是一个例外.中午写更新. 人到了不同的阶段,最重要的就是要更新自己的方法论.也就是说,不能穿新鞋,走老路,这样人就不会有大的突破. 下面我就分析 ...

  9. Python：类属性，实例属性，私有属性与静态方法，类方法，实例方法

    From: http://www.cnblogs.com/pengsixiong/p/4823473.html 属性分为实例属性与类属性 方法分为普通方法,类方法,静态方法 一:属性: 尽量把需要用户 ...

  10. js_sl 分享

    <!doctype html> <html> <head> <meta charset="utf-8"> <title> ...