Ajax里的axios工具使用

一、axios里的常见单词

url

method

query

params

data

then

二.、axios基本语法

axios({
url: '请求的URL网址',
method: '请求的方法'
}).then((结果变量名) => {
// .then 用来指定请求成功之后的回调函数
// 形参中的 result 是请求成功之后的结果
})

三、axios的配置项

1、params：对应查询参数query，是让后端返回匹配的数据。

axios({
url: 'http://ajax-api.itheima.net/api/area',
// 请求地址
method: 'GET',
// 请求方式
params: {
pname: '湖北省',
// 返回参数
cname: '武汉市'
}
}).then(res => {
console.log(res)
})

2、data：对应请求体body，是要发给后端的数据。

axios({
url: 'http://hmajax.itheima.net/api/books',
method: 'POST',
data: {
bookname: '111',
author: '222',
publisher: '333'
}
}).then(res => {
console.log(res)
})

params(对应的GET方式)传递的参数最终会出现在请求行中，不会在请求体中。

data(对应的POST方式)传递的参数会在请求体中。

最后

以上就是文艺外套为你收集整理的Ajax里的axios工具使用的全部内容，希望文章能够帮你解决Ajax里的axios工具使用所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。