首页 > 其他分享 >axios请求的get/post

axios请求的get/post

时间:2023-02-14 15:37:50浏览次数:44  
标签:function axios console log get error post response


axios用到的比fetch要多,更加方便,提供了很多使用的API,引用的三种方式:
npm

npm install axios

bower

bower install axios

cdn

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

get请求的格式:

// 为给定 ID 的 user 创建请求
axios.get('/user?ID=12345')
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});

// 上面的请求也可以这样做
axios.get('/user', {
params: {
ID: 12345
}
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});

相对于fetch的get请求很是方便,这几行就可以:

//axios get 请求数据
axios.get('http://jsonplaceholder.typicode.com/todos')
.then(res => {
this.todos = res.data;
})

post请求的格式:

axios.post('/user', {
firstName: 'Fred',
lastName: 'Flintstone'
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
//post请求,axios。post('url',上传的数据)
axios.post('http://jsonplaceholder.typicode.com/todos',
this.item
)//不需要像fetch请求得转换数据格式
.then(res =>{
this.todos.unshift(res.data);
})
.catch(function (error) {
console.log(error);
});

axios请求的get/post_ios


更多:http://www.axios-js.com/zh-cn/docs/


标签:function,axios,console,log,get,error,post,response
From: https://blog.51cto.com/u_15964288/6056961

相关文章