什么是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. 说说shell脚本中的export 和 source，bash

    小弟刚刚接触linux,对linux上的很多东西都比较陌生,所以写一写博客,当做自己工作的总结和技术的积累吧,也是鞭策自己不断努力的去学习. 今天之所以起这个标题,把export,source ,ba ...

  2. free-jqGrid

    PM> Install-Package free-jqGrid jqGrid 是一个用来显示网格数据的jQuery插件,通过使用jqGrid可以轻松实现前端页面与后台数据的ajax异步通信.文档 ...

  3. TextView------文字底部或者中间加横线

    promotionLinkText = (TextView) this .findViewById(R.id. text_promotion_link ); 中间加横线 promotionLinkTe ...

  4. Android Application 深入分析

    http://blog.csdn.net/rain_butterfly/article/details/37598939

  5. sql server 安装后登录服务器

    计算机名\数据库实例名 z*******f-PC\zzf

  6. sed命令使用记录

    背景:文件A,文件B,文件格式一致,有两列,第一列为key,第二列为value. 目的:将文件A中的内容插入到文件B中,不能在最后,不能有重复key(我的key和value用tab键分割) 实现:我的 ...

  7. 将war包布署在本地tomcat上

    1.把war包解压到..webapps目录下 2. 修改server.xml文件,在host节点中添加 <Context docBase="C:\Users\bai\Desktop\s ...

  8. 转 Flash与PS交互动画

    FLASH是可以点击体验的,不是图片哦. UI中国不能上传flash,但是站酷可以,UI中国的就下载载附件看看吧 本人学生党兼网页设计师菜鸟一名,因为无聊练习做了个FLASH的交互 所以很多学弟学妹们 ...

  9. 【boost】使用装饰者模式改造boost::thread_group

    在项目中使用boost::thread_group的时候遇到几个问题: 1.thread_group不提供删除全部thread列表的方法,一直使用create会是其内部列表不断增加. 2.thread ...

  10. sqlite使用小结

    官方网站 http://www.sqlite.org/index.html 图形前端 http://www.sqlabs.net/sqlitemanager.php 个人觉得firefox的sqlit ...