Ajax第三天

get请求

传递参数的方式两种

url上 直接拼接 http://api?a=1&b=2

params

｛a:1,b:2｝

post

传递参数的方式一种

data

a=1&b=2&c=3

{a:1,b:2,c:3}

formdata

简写

axios.get

axios.get(url)

axios.get(url,{params:{ a:1,b:2}})

axios.post

axios.post(url,参数)

参数 对象个

参数 字符串 a=1&b=2

FormData

作用

快速获取form标签中有name属性的 表单数据

const form =new FormData(form标签dom元素)

文件上传

URLSearchParams

作用

把(普通的obj对象、formdata对象)数据 快速转成字符串格式

a=1&b=2&c=3

文件上传

1 input标签

type="file"

accept

限制上传文件的类型

image/*

mdn

2 绑定change

3 this.files 数组

4 URL.createObjectURL(文件) 返回 src地址

5 要使用FormData对象来包装 要上传的数据

5 post请求 把formdata 传递给服务器

拦截器

需求

发送请求之前 可以显示 加载中

请求响应回来后 关闭 加载中

技术实现 axios中的技术拦截器

1 请求拦截器

2 响应拦截器

3 官网文档来拷贝 按需修改

vue 大量使用