form表单的内容获取,axios全局配置与拦截器,FromData基本使用,文件类型的获取,请求报文与响应报文,http状态码

529 阅读1分钟

form表单的内容获取

jQ方式

image.png

原生方式
let fd = new FormData(这里填如dom获取的表单)

axios请求方式别名

image.png

实例

image.png

image.png

axios全局配置与拦截器

拦截器

image.png 代码:

// request:请求:所有请求都会经过这个拦截器
axios.interceptors.request.use(
  function(config) {
    // 在发送请求之前做些什么
    document.querySelector('.loading').style.display = 'block'
    return config
  },
  function(error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)

// 添加响应拦截器
// response:响应,所以响应都会经过这个拦截器
axios.interceptors.response.use(
  // 响应成功所经过的处理函数
  function(response) {
    // 对响应数据做点什么
    document.querySelector('.loading').style.display = 'none'
    return response
  },
  // 响应失败所经过的处理函数
  function(error) {
    // 对响应错误做点什么
    document.querySelector('.loading').style.display = 'none'
    return Promise.reject(error)
  }
)

全局配置的代码
// 配置基准路径(基地址),后期后自动的拼接在url前面,除非url是一个绝对路径
axios.defaults.baseURL = 'url'

FromData基本使用

image.png

文件类型的获取

image.png

请求报文与响应报文

image.png

image.png

状态码

image.png