前端Ajax

1. RestFul风格

特点:

1. 参数需要使用" / "进行分割
2. 参数的位置是固定的
3. restFul请求方法路径不能出现动词
   作用
   用户可以通过URL请求地址,可以实现不同的业务操作
   知识回顾:
4. 查询: http://localhost:8090/getUserById?id=100 类型:get
5. 新增: http://localhost:8090/insertUser 类型:post
6. 更新: http://localhost:8090/updateUser 类型:post
7. 删除: http://localhost:8090/deleteUserById?id=200 类型:get
   意图明显: 常规的请求的方式其中包含了动词,导致操作的意图非常明显.
   RestFul风格实现CURD操作:
   1.查询: http://localhost:8090/user/100 type:GET
   2.新增: http://localhost:8090/user/tomcat/18/男 type:POST
   3.删除: http://localhost:8090/user/100 type:DELETE
   4.更新: http://localhost:8090/user/mysql/100 type:PUT
   RestFul语法:
8. 参数的位置固定.
9. 参数必须使用{ }包裹
10. 必须使用@PathVariable 动态的接收参数
    注意事项: {参数名称}必须与方法中的名称一致.
    restFul的优化:
    如果{参数名称}与对象中的属性名称一致,
    则SpringMVC动态的为对象赋值,
    @PathVariable 可以省略
    注意事项:
    前后端的参数的传递必须保持一致!!!

2.Axios

2.1Axios介绍

Axios是基于promise的HTTP库,可以用在浏览器和node.js中.
特点:

1. 从浏览器中创建XMLHttpRequests
2. 从node.js创建http请求
3. 支持Promise API
4. 拦截请求和响应
5. 转换请求数据和响应
6. 取消请求
7. 自动转换JSON数据
8. 客户端支持防御XSRF
   结构说明:
9. JS中原生提供了Ajax操作 (弊端: 操作特别的复杂 易用性特别差)
10. JQuery 中的Ajax 封装了原生的JS ajax 提高了开发的效率
11. Axios是VUE中默认支持的Ajax的请求的方式.