[JavaScript知识库]AJAX && JSON 详解

一、AJAX

概念：ASyncchronous JavaScript And XML 异步的JavaScript和XML，Ajax是一种无需重新加载整个网页的情况下，更新部分网页数据的技术。

实现方法：

1、JS原生实现方法（不太常用，这里不介绍了）

2、JQuery的实现方式

第一种：

$.ajax({
? ? ?url:"", ?//请求luj
? ? ?type:"", ?//请求类型
? ? ?data:"", ?//发送的数据
? ? ?success:function() //响应成功的回调函数
? ? ?error:funtion() //响应错误的回调函数
? ? ?dataType:"" //设置接收到的响应数据类型
})

第二种：

$.get( url , [ data ] , [ callback ] , [ type ] )

$.post( url , [ data ] , [ callback ] , [ type ] )

url：请求路径
data：发送的数据
callback：回调函数
type：接收到的数据类型

二、JSON

概念：JavaScript Object Notation JavaScript对象表示法，json多用于存储和交换文本信息的语法。

作用：进行数据的传输

好处：json比xml更小，更快，更易解析

语法：

基本规则：

• 数据由键值对构成
• 数据用逗号分隔
• 花括号保存对象
• 方括号保存数组

值的取值类型：数字、字符串、逻辑值、数组、对象、null

?json数据和java对象的转换：

java对象——>json数据

步骤：

1. 导入jar包
2. 创建对象
3. 创建ObjectMapper对象
4. 调用方法?writeValue()/writeValueAsString()
5. 注解的使用

?? ??? ?@JsonIgnore 忽略属性
?? ??? ?@JsonFormat（pattern=“yyyy-MM-dd”） 指定格式

json数据——>java对象

readValue(字符串json数据,Class)

将数据转换为指定类的对象

设置响应类型

第一种方法：$.get() 后面的类型设置为“json”
第二种方法：response.setContextType("application/json;charset=utf-8")