前端—基础（9）-jQuery基础笔记（2）

一、JavaScript对象
JavaScript对象:
JavaScript 中的所有事物都是对象：字符串、数值、数组、函数等都可以认为是对象，此外，JavaScript 允许自定义对象，对象可以拥有属性和方法

创建自定义javascript对象有两种方式:
①通过顶级Object类型来实例化一个对象
②通过对象字面量创建一个对象

Object类创建对象的示例代码:

对象字面量创建对象的示例代码:

二、JSON
JSON的介绍:
JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式
采用完全独立于编程语言的文本格式来存储和表示数据,简洁和清晰的层次结构使
得 JSON 成为理想的数据交换语言

JSON的优点:
易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率

JSON的格式：
①对象格式
②数组格式

（1）对象格式:
对象格式的JSON数据，使用一对大括号({})，大括号里面放入key:value形式的键值对，多个键值对使用逗号分隔

对象格式的JSON数据:

格式说明:
JOSN中的(key)属性名称和字符串值需要用双引号引起来，用单引号或者不用引号会导致读取数据错误

（2）数组格式:
数组格式的JSON数据，使用一对中括号([])，中括号里面的数据使用逗号分隔
数组格式的JSON数据:

实际开发的JSON格式比较复杂:

JSON数据转换成JavaScript对象
JSON本质上是字符串，如果在js中操作JSON数据，可以将JSON字符串转化为JavaScript对象

三、ajax
ajax的介绍
ajax 是 Asynchronous JavaScript and XML的简写，ajax一个前后台配合的技术，它可以让 javascript 发送异步的 http 请求，与后台通信进行数据的获取，ajax 最大的优点是实现局部刷新，ajax可以发送http请求，当获取到后台数据的时候更新页面显示数据实现局部刷新，在这里大家只需要记住，当前端页面想和后台服务器进行数据交互就可以使用ajax了

ajax的实现
jquery将它封装成了一个方法$.ajax()
我们可以直接用这个方法来执行ajax请求

ajax方法的参数说明:
url 请求地址
type 请求方式，默认是’GET’，常用的还有’POST’
dataType 设置返回的数据格式，常用的是’json’格式
data 设置发送给服务器的数据，没有参数不需要设置
success 设置请求成功后的回调函数
error 设置请求失败后的回调函数
async 设置是否异步，默认值是’true’，表示异步，一般不用写

ajax的简写方式:
$.ajax按照请求方式可以简写成
$.get或者$.post方式
$.get和$.post方法的参数说明:
$.get(url,data,success(data,status,xhr),dataType).error(func)$.post(url,data,success(data, status, xhr),dataType).error(func)
url 请求地址
data 设置发送给服务器的数据，没有参数不需要设置
success 设置请求成功后的回调函数
data 请求的结果数据
status 请求的状态信息, 比如: “success”
xhr 底层发送http请求XMLHttpRequest对象
dataType 设置返回的数据格式
“xml”
“html”
“text”
“json”
error 表示错误异常处理
func 错误异常回调函数

ajax方法的参数说明:
url 请求地址
type 请求方式，默认是’GET’，常用的还有’POST’
dataType 设置返回的数据格式，常用的是’json’格式
data 设置发送给服务器的数据，没有参数不需要设置
success 设置请求成功后的回调函数
error 设置请求失败后的回调函数
async 设置是否异步，默认值是’true’，表示异步，一般不用写
ajax的简写方式:
$.ajax按照请求方式可以简写成$.get或者$.post方式