JSON对象与字符串的转换

什么是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字符串

{test: 1}  (test 没有包围双引号)

{‘test': 1} (使用了单引号而不是双引号)

{“test”:1} 合法,key要用双引号表示

字符串格式json转化成json对象有3种方式:

1. js下用eval生成JSON对象  —通过eval() 函数可以将JSON字符串转化为对象。
2. 使用函数方式
3. 使用js的json库或者jQuery提供的js库  — 如果基于安全的考虑的话,最好是使用一个 JSON 解析器。 一个 JSON 解析器将只接受 JSON 文本。所以是更安全的。所谓接收JSON文本,就是合法的json字符串!!!

方法1:正常文本

//方法1:js下用eval生成JSON对象
        function strJsonToJsonByEval(jsonData){  
              var json = eval("(" + jsonData +")");//转换为json对象    
              return json;
        }

方法2:正常文本

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

方法3:标准格式的 JSON 字符串

//json2或浏览器自带函数
var param = JSON.parse(data )
/*
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 则会使用它来解析字符串。
*/

Jquery中$.data()

结合html,经常做控件配置,如EasyUI

html

<input id="test" data-options="min:0,precision:2">

javascript

$(function() { var data = "{" + $("#test").data("options") + "}";
  alert(strJsonToJsonByFunction(data).min);
});

由于不是标准JSON格式,只能用方法1、2解析。

其他示例

$("#btn1").click(function(){
$("div").data("greeting", "Hello World");
});
$("#btn2").click(function(){
alert($("div").data("greeting"));
});

在执行过程中,存取临时数据,用处很大。