JSON的一些转换和技巧

WBOY

Release： 2016-06-07 15:30:16

Original

1429 people have browsed it

JSON: J ava S cript O bject N otation(JavaScript 对象表示法) JSON 是存储和交换文本信息的语法。类 XML。 JSON 比 XML 更

JSON: JavaScript Object Notation(JavaScript 对象表示法)

JSON 是存储和交换文本信息的语法。类似 XML。

JSON 比 XML 更小、更快，更易解析。

JSON 实例:可以通过"在线JSON校验的网站"进行校验

{
"employees": [
{ "firstName":"John" , "lastName":"Doe" },
{ "firstName":"Anna" , "lastName":"Smith" },
{ "firstName":"Peter" , "lastName":"Jones" }
]
}

Copy after login

JSON的数据结构

json简单说就是javascript中的对象和数组，所以这两种结构就是对象和数组两种结构，通过这两种结构可以表示各种复杂的结构

1、对象：对象在js中表示为“{}”括起来的内容，数据结构为 {key：value,key：value,...}的键值对的结构，在面向对象的语言中，key为对象的属性，value为对应的属性值，所以很容易理解，取值方法为对象.key 获取属性值，这个属性值的类型可以是数字、字符串、数组、对象几种。

2、数组：数组在js中是中括号“[]”括起来的内容，数据结构为 ["java","javascript","vb",...]，取值方式和所有语言中一样，使用索引获取，字段值的类型可以是数字、字符串、数组、对象几种。

经过对象、数组2种结构就可以组合成复杂的数据结构了。

如何获取JSON的数组：jQuery.serializeArray()

详情请参考：http://www.365mini.com/page/jquery-serialize.htm

serializeArray()函数用于序列化一组表单元素，将表单内容编码为一个JavaScript数组。

注意：

与常规表单提交不一样的是：常规表单一般会提交带有name的按钮控件，而serializeArray()函数不会序列化带有name的按钮控件。

示例：

Copy after login

对

元素进行序列化可以直接序列化其内部的所有表单元素：

var formArray = $("form").serializeArray();
/* 以下是序列化后的结果数组formArray的内容：
[
    { name: "uid", value: "1" },
    { name: "username", value: "张三" },
    { name: "password", value: "123456" },
    { name: "grade", value: "3" },
    { name: "sex", value: "1" },
    { name: "hobby", value: "1" },
    { name: "hobby", value: "2" }
];
*/

Copy after login

JavaScript JSON与String互转


 
  <title> JSON 测试 </title>

  <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"> </script>
 

 
  
  <script> 
	//建立一个简单的Json对象
	var testJsonObj = {"name":"lilao", "email":"xx@qq.com"};	
	alert("JSON OBJ:" + testJsonObj);

	//将Json对象直接转换成字符串
	var testJsonString = JSON.stringify(testJsonObj);
	alert("JSON String:"+ testJsonString); 

	
	//将字符串转换成Json对象,使用了Jquery函数
	alert(jQuery.parseJSON(testJsonString));
	alert(jQuery.parseJSON(testJsonString).name);  
  </script>

Copy after login