什么是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. DDoS攻防战（三）：ip黑白名单防火墙frdev的原理与实现

    在上一篇文章<DDoS攻防战 (二) :CC攻击工具实现与防御理论>中,笔者阐述了一个防御状态机,它可用来抵御来自应用层的DDoS攻击,但是该状态机依赖一个能应对大量条目快速增删的ip黑白 ...

  2. Delphi 关闭MDI子窗口

    需要在子窗口的onClose事件中吧Action = caFree; 就可以了. procedure Tfrm_aa.FormClose(Sender: TObject; var Action: TC ...

  3. ajax连接池和XMLHttpRequest

    连接池 我们公司在路由和交换机web界面和后端交互全部采用的是自己封装的ajax组件完成的,组件有点老了,代码风格和其中的某些用法现在看起来都有点不习惯.今天把这个组件的核心部分的ajax连接池记录下 ...

  4. nodejs ctrl+B 快捷键设置

    开发 nodejs 的时候,要使用 sublime 软件,其中的启动方式有很多中.可以通过 supersivor 当然也可以 利用nodejs 的自身功能通过 ctrl+B来直接启动. 具体设置方式, ...

  5. Flex通信-与Java实现Socket通信实例

    Flex通信-与Java实现Socket通信实例  转自:http://blessht.iteye.com/blog/1136888 博客分类: Flex 环境准备 [服务器端] JDK1.6,“ja ...

  6. AWS Summit 2014 San Francisco站总结

    我上个月去San Francisco参加了AWS Summit 2014 会议,总结一下参加这个会议的情况. 什么是AWS Summit? AWS Summit 是AWS在全球各地举办的,针对AWS用 ...

  7. poj 1005 I Think I Need a Houseboat

    #include <iostream> using namespace std; const double pi = 3.1415926535; int main() { ;; doubl ...

  8. 《java数据结构与算法》笔记-CH4-8栈结构实现后缀表达式计算结果

    /** * 中缀表达式转换成后缀表达式: 从输入(中缀表达式)中读取的字符,规则: 操作数: 写至输出 左括号: 推其入栈 右括号: 栈非空时重复以下步骤--> * 若项不为(,则写至输出: 若 ...

  9. HDU-2888 Check Corners 二维RMQ

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=2888 模板题.解题思路如下(转载别人写的): dp[row][col][i][j] 表示[row,ro ...

  10. 一个相当好的状态机(DFA, 确定有限状态机)的编码实现，相当简洁漂亮

    从jsoup而来,文章见: https://github.com/code4craft/jsoup-learning/blob/master/blogs/jsoup4.md 状态机 Jsoup的词法分 ...