什么是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. ylb：创建数据库、表，对表的增查改删语句

    ylbtech-SQL Server:SQL Server-创建数据库.表,对表的增查改删语句 SQL Server 创建数据库.表,对表的增查改删语句. 1,ylb:创建数据库.表,对表的增查改删语 ...

  2. Linux中用stat命令查看文件时3个时间点解析

    有些时候,我们需要在Linux中使用stat命令来查看文件的详细信息.另外联想下,ls -l命令显示的是什么时间,touch命令修改文件的时间戳,修改的又是什么时间?在这里我们一起来试验下. 首先,我 ...

  3. OSX 10.10安装教程。

    现在苹果已经放出了OS X 10.9 Mavericks第一个开发者预览版,从Mac App Store中获得的安装程序,可以在10.8的系统中直接进行升级,原有文件都会保留.但是要想制作成一个10. ...

  4. Windows8.1 安装office2013并激活

    之前笔记本上安装的东西太多了,启动比较慢,打算重做系统,正好同事有一个Windows8.1的系统盘,直接做了一个Windows8.1的系统.界面清爽,速度还可以,系统安装完成以后,准备安装office ...

  5. vim 7.4 编译安装

    (1): 在安装新版本的Vim之前,你需要卸载原来安装的老版本Vim,依次在终端下执行下列命令: sudo apt-get remove vim sudo apt-get remove vim-run ...

  6. 王家林的“云计算分布式大数据Hadoop实战高手之路---从零开始”的第十一讲Hadoop图文训练课程：MapReduce的原理机制和流程图剖析

    这一讲我们主要剖析MapReduce的原理机制和流程. “云计算分布式大数据Hadoop实战高手之路”之完整发布目录 云计算分布式大数据实战技术Hadoop交流群:312494188,每天都会在群中发 ...

  7. hip-hop初探

    啥都不说了,上两张图片先 1.使用hiphop的 2.不使用这玩意的 都是前端部署nginx,转发的后面php的 hhvm的配置文件 /etc/hhvm.hdf 目前结论:facebook的这玩意可能 ...

  8. this compilation unit is not on the build of a java project

    this compilation unit is not on the build of a java project java里输入代码就出这个提示,无法写代码了. 找到觉得路径打开文件编辑就好了, ...

  9. cocos2d-x中有一个JniHelper类详细使用

    主体思路 通过JNI获取java虚拟机,再获取当前程序的JNI环境,通过JNI环境获取需要调用的java类信息,再获取需要调用的java类中的函数信息.再通过JNI环境调用,使用类信息.函数信息,调用 ...

  10. Bezier曲线的原理 及 二次Bezier曲线的实现

    原文地址:http://blog.csdn.net/jimi36/article/details/7792103 Bezier曲线的原理 Bezier曲线是应用于二维图形的曲线.曲线由顶点和控制点组成 ...