1. 回顾 和 目标

重点内容回顾 和 今天的学习目标

回顾:

1. http://ajax-api.itheima.net:80/public/images/0.webp

   1. 协议
   2. 主
   3. 端口
   4. 资源路径

2. ajax的作用?

   1. 不重新刷新页面的情况下与服务器通信

3. 接口

   1. 文档–>接口文档

      1. ajax和服务器通讯–>调用接口,调接口

   2. ajax调用接口类似于调用后端写的方法

      

4. axios

   1. 是个什么?
      1. 请求库,基于ajax封装
   2. get请求?
      1. axios.get(url,{params:{key:value}})/ url?key=value&key2=value2
   3. post请求?
      1. axios.post(url,{key:value})

目标:

1. Form表单+ajax
2. 几种不同提交数据的格式
3. eg. 头像上传
4. eg. 图书管理

axios-config模式

除了昨天的.get,.post,axios也支持传入对象的形式发送请求,咱们来研究一下

传送门:axios-api

传送门:请求配置

概念:

1. 通过属性的方式设置请求需要的内容
   1. 地址
   2. 方法
   3. 参数
   4. ….

步骤:

1. 根据文档确认调用方法并测试