JSON:jQuery中的Ajax

一、JSON

1、什么是JSON

定义：JSON是轻量级的，基于JavaScript编程语言，使用键值对封装数据的数据交换格式。

2、语法规则

• 对象表示为键值对
• 多个数据用逗号隔开
• 花括号保存对象

JSON对象格式：{"firstName": "Json"}

• 方括号保存数组

JSON数组格式：[{"firstName": "Json"}]

3、JSON 字符串和 JSON对象之间的互转

JSON.parse将JSON格式的字符串转换成JSON对象。

<script>
	var str ='{"name":"小强","age":16}';//JSON格式的字符串
	var json = JSON.parse(str); //解析为对象
	console.log( json);
</script>

JSON.stringify将JSON对象转换成JSON格式的字符串。

<script>
	var json = {"name":"小强","age":16};
	var str = JSON.stringify(json);
	console.log(typeof str+"--->"+str);
</script>

4、JSON作用

• 有利于程序员阅读和编写
• 有利于计算机解析和生成
• 能够有效提升网络传输效率
• 适用于前后端数据交换

5、XML

定义：XML是使用标记封装数据的数据交换模式。

二、JQuery对Ajax的第二层封装

1、get

2、post

3、load

4、serialize()序列化表单内容

注意：serialize()方法用于序列化一组表单元素，将表单内容编码为用于提交的字符串，以便AJAX提交数据。该方法与常规的表单提交行为是一致的。其中，不在标签内的表单控件不会被提交，没有name属性的表单控件不会被提交，带有disabled属性的表单控件不会被提交。

三、JQuery对Ajax的第三层封装

1、getJSON

2、getScript