Ajax

功能：Ajax主要实现前后端的交互，提高用户界面与服务器之间交互效率

特点：局部刷新，异步访问

Ajax为什么可以异步？

组成部分：

1.用户

2.Ajax引擎

3.服务器

原理：用户直接访问服务器请求只能是同步请求

异步：服务器返回值的数据，通过回调函数告知用户

异步的特点：由Ajax引擎访问后端服务器

在回调ha没有执行之前，用户可以执行自己的任务。异步函数

Axios

@CrossOrigin 跨域

不同服务器之间发送Ajax请求时会出现跨域问题

前端不用var定义

var关键字没有作用域的概念

let 关键字 相当于var 但是有作用域更加的安全

const 定义常量

get请求对象传参 语法说明

关键字：{ params ：对象信息 }

模板字符串写法：1.使用反引号

2.作用：可以保证字符串的格式

可以动态获取变量的值

Axios post请求

from 表单提交 method="post" 同步 （要素：页面是否刷新，刷新跳页面就是同步）

axios.post() 异步操作

与get请求不一样 post请求传参不用写{params:user} 直接写user 封装好的参数对象

每个post请求都会发两次 （标准）

难点

1.get请求数据是通过?k=v&k2=v2的方式获取

post请求 数据时json 串 数据结构不同 ，所以不能使用User对象接收

2.json串想办法转化为User对象

User转化为json串 @ResponseBody

json串转化为User @RequestBody

3.json串的转化有要求

  要求json串中的属性与对象中的属性一直，并赋值时候调用对象的set方法

浏览器只能测试get请求类型

请求类型和业务关系

常见的请求类型：

1.GET 查询操作

2.POST 1.表单数据提交 2.新增操作

3.PUT 修改操作

4.DELETE 删除操作

GET与DELETE请求用法相同

POST与PUT请求用法相同