Ajax 提交表单数据和拦截器

1.Ajax 提交表单数据的用法

1.1 表单的组成

网页中采集数据的表单由三个部分组成，分别是：表单标签（form）、表单域（input、textarea、select）、表单按钮（submit或者reset）。

表单的作用就是收集数据。

1.2 表单的提交事件和阻止默认行为

$('form').on('submit', function (e) {
  e.preventDefault();
​
})

1.3 jQuery 的 serialize()函数

$('form').serialize() 获取到的form表单数据类型为 a=1&b=2&c=3 可以直接发送给服务器使用

axios({
    method: 'POST',
    url: 'http://www.liulongbin.top:3009/api/form',
    data: $('form').serialize() // 获取所有参数，类型： a=1&b=2&c=3
}).then(({ data: res }) => {
    console.log(res)
})

注意: 表单标签必须带有 name 属性；

1.4 axios请求方法别名

为了简化开发者的使用过程，axios 为所有支持的请求方法提供了别名：

• axios.get(url[, config])

• axio