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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
        <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>字符串格式json如何转化成json对象</title>
        <style type="text/css"></style>
        <script type="text/javascript">
            //方法1:js下用eval生成JSON对象
            function strJsonToJsonByEval(jsonData){
                var json = eval("(" + jsonData +")");//转换为json对象
                return json;
            }

            //方法2:使用函数方式
            function strJsonToJsonByFunction(jsonData){
              return ( new Function("return "+jsonData) )();
            }

            window.onload = function() {
                var jsonData = " {name1:'1',value1:'a',name2:'2',value2:'b' }";
                var json1 = strJsonToJsonByFunction(jsonData);
                alert("Function || " + json1.name1 + "  ---  " + json1.name2);

                var json2 = eval("(  {name1:'1',value1:'a',name2:'2',value2:'b' } )");
                alert("eval(\"(\"jsonData\")\")  || " + json2.value1 + "  ---  " + json2.value2);

                var json3 = strJsonToJsonByEval(jsonData);
                alert("Eval || " + json3.value1 + "  ---  " + json3.value2);
            }
        </script>
        </head>
        <body>
        </body>
</html>

写成一个方法:

/*
             * @method 将拼接好字符串格式的json 转成json对象
             * @param jsonData param fomart:
             * var jsonData = "{name1:'1',value1:'a',name2:'2',value2:'b' }";
             * @return json;
             */
            function strJsonToJson(jsonData){
                //方法1:js下用eval生成JSON对象
                //var json = eval("(" + jsonData +")");//转换为json对象
                //return json;
                //方法2:使用函数方式
              return ( new Function("return "+jsonData) )();
            }

jQuery

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery插件方式解析json</title>

<script type="text/javascript" src="jquery-1.9.1.js"></script>
<script type="text/javascript" src="jquery.json-2.4.js"></script>
<script type="text/javascript">
/*
jquery-1.9.1.js 提供的方法。
jQuery.parseJSON( json ) 返回: Object
接受一个标准格式的 JSON 字符串,并返回解析后的 JavaScript 对象。

传入格式有误的 JSON 字符串可能导致抛出异常。例如,下面这些 JSON 字符串格式都不对:
{test: 1} (test 没有使用双引号包裹).
{'test': 1} ('test' 用了单引号而不是双引号包裹).
另外,如果你什么都不传入,或者传入空字符串、null、undefined 等,parseJSON 都会返回 null 。如果浏览器原生实现了 JSON.parse, jQuery 则会使用它来解析字符串。
*/
var strJson = '{"name":"John"}';
//var strJson = "{name:'John'}";//错误格式,必须严格满足一个标准格式的 JSON 字符串,key--value 都用双引号包裹
var obj = jQuery.parseJSON(strJson);
alert( obj.name === "John" ); // true

var obj2 = $.parseJSON(strJson);
alert( obj2.name  ); //John

/*
jquery.json-2.4.js 提供的方法。
下面的方法在接受一个标准格式的 JSON 字符串 并不是很严格,只要是键值对形式的都可以。
http://code.google.com/p/jquery-json/
toJSON: Serializes a javascript object, number, string, or array into JSON.
evalJSON: Converts from JSON to Javascript, quickly, and is trivial.
*/

//Json Object
var json = { plugin: 'jquery-json', version: 2.4 };

//toJSON: Json Object ---> String Json
var encoded = $.toJSON( json );// '{"plugin":"jquery-json","version":2.4}'

//evalJSON: String Json ---> Json Object
var jsonObject = $.evalJSON( encoded );

var name = $.evalJSON( encoded ).plugin;// "jquery-json"
var version = $.evalJSON(encoded).version;// 2.4

alert( "toJSON: "  + encoded + " ,typeof "  + typeof encoded + "\r\n\r\n"
     + "evalJSON: "  + jsonObject + " ,typeof "  + typeof(jsonObject) + "\r\n\r\n"
     + "name= " + name + " , version= " + version );

</script>
</head>

<body>
</body>
</html>

http://rogerfederer.iteye.com/blog/1798024

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

  1. javascript中字符串格式转化成json对象记录

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

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

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

  3. JavaScript中字符串转Json方法小记

    例如: JSON字符串:var str1 = '{ "name": "cxh", "sex": "man" }'; JS ...

  4. JavaScript中字符串去掉特殊字符和转义字符

    <pre name="code" class="javascript">/*** * 去掉字符串中的特殊字符 */ var excludeSpeci ...

  5. javascript中字符串常用方法总结

    字符串是javascript编程中不可或缺的元素,掌握字符串常用的方法也是我们学习过程中的必经之路,下面我们总结一些最常用的的字符串方法. string.charAt(postion) charAt方 ...

  6. javascript中字符串常用操作总结、JS字符串操作大全

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

  7. javascript中字符串的比较规则

    弄清这个还是很重要的,在字符排序中很有用处 非空字符串 > 空字符串 从第一个字符的charCode开始比较,大的就大 所有的字符都相同,就比较长度,长的大 '0'>'' '2'>' ...

  8. javascript中字符串的常用方法

    <script type="text/javascript"> String substring(start,end): slice(start,end); 这两个函数 ...

  9. javascript中日期格式与时间戳之间的转化

    日期格式与时间戳之间的转化 一:日期格式转化为时间戳 function timeTodate(date) { var new_str = date.replace(/:/g,'-'); new_str ...

随机推荐

  1. 高性能MySQL(五):查询性能优化

    当向MySQL 发送一个请求的时候MySQL 到底做了什么? 1.客户端发送一条查询给服务器 2.服务器先检查查询缓存,如果命中了缓存,则立即返回存储在缓存中的结果.否则进入下一阶段 3.服务器端进行 ...

  2. The easy way to implement a Red-Black tree

    Red-Black trees are notorious for being nightmares of pointer manipulation. Instructors will show th ...

  3. js for循环中i++ 和 ++i有什么区别?

    平时都是这样写的for循环, for(var i = 0; i < 20 ; i++){ .... } 但我看有的人这样写 for (var i = 0; i < 20 ; ++i) { ...

  4. Winform(DataGridView)控件及通过此控件中实现增删改查

    DataGridView:显示数据表,通过此控件中可以实现连接数据库,实现数据的增删改查 一.后台数据绑定:    List<xxx> list = new List<xxx> ...

  5. hadoop rpc基础

    第一部分: hadoop rpc基础 RPC,远程程序调用,分布式计算中C/S模型的一个应用实例. 同其他RPC框架一样,Hadoop分为四个部分: 序列化层:支持多种框架实现序列化与反序列化 函数调 ...

  6. SVM 最大间隔目标优化函数(NG课件2)

        目标是优化几何边距, 通过函数边距来表示需要限制||w|| = 1     还是优化几何边距,St去掉||w||=1限制转为普通函数边距     更进一步的,可以固定函数边距为1,调节||w| ...

  7. 芯航线FPGA学习套件之多通道串行ADDA(TLV1544,TLC5620)模块测试手册

    芯航线FPGA学习套件之多通道串行ADDA模块测试手册   本手册以简明扼要的方式介绍芯航线FPGA学习套件提供的ADDA模块的测试方法:   连接开发板,如下所示: 2.将ADDA V1.1模块与开 ...

  8. 用edtftpj实现Java FTP客户端工具

    edtftpj是一个java FTP工具包,使用非常方便,感觉比Apache的好用,但Apache更灵活.edtftpj有多种版本,分别是java..net和js版本.对于Java版的有一个免费版本. ...

  9. 第二章 管理程序流(In .net4.5) 之 管理多线程

    1. 概述 本章包括同步资源以及取消长时间任务相关的内容. 2. 主要内容 2.1 同步资源 ① lock关键字实现.会阻塞程序,有可能会导致死锁. ② volatile关键字可以禁用编译优化,用于避 ...

  10. Posix 信号量

    作用 信号量的值为0或正整数,就像红灯与绿灯,用于指示当前是否可以接受任务. 信号量对进程和线程都适用. gcc编译时需加-lpthread 基本函数 信号量的相关函数与标准文件函数非常相似,可以理解 ...