ajax函数库axios基本使用

ajax函数库Axios基本使用

简介:Axios 对原生的Ajax进行了封装,简化书写,快速开发。

官网:https://www.axios-http.cn/

Axios使用步骤

  1. 引入Axios的js文件(参考官网)

  2. 使用Axios发送请求,获取相应结果

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

    axios({
    method:'GET',
    url:'https://***********'
    }).then((result)=>{
    console.log(result.data);
    }).catch((err)=>{
    alert(err);
    });

Axios-请求方式别名(推荐)

为了方便起见,Axios已经为所有支持的请求方法提供了别名

格式:axios.请求方式(url [, data [, config]])

复制代码
axios.get('http://************').then((result)+>{
	console.log(result.data);
}).catch((err)=>{
	console.log(err);
});

axios.post('http://************',data).then((result)+>{
	console.log(result.data);
}).catch((err)=>{
	console.log(err);
});
相关推荐
IT教程资源D15 小时前
[N_129]基于springboot,vue学生宿舍管理系统
mysql·vue·前后端分离·springboot宿舍·宿舍管理系统
十点摆码18 小时前
使用 Jenkins + Gitee + Node 自动化部署 Vue
gitee·node.js·自动化·vue·jenkins
是席木木啊19 小时前
Vue3 + Axios 适配多节点后端服务:最小侵入式解决方案
vue3·axios·前端开发·技术方案设计
是罐装可乐2 天前
前端架构知识体系:通过发布-订阅者模式解耦路由和请求
前端·架构·vue·路由
我叫张小白。2 天前
Vue3 v-model:组件通信的语法糖
开发语言·前端·javascript·vue.js·elementui·前端框架·vue
IT教程资源D2 天前
[N_130]基于springboot,vue校园社团管理系统
mysql·vue·前后端分离·springboot社团
小晗同学2 天前
创建第一个Nuxt v4.x 应用
vue·vue3·nuxt·prettier·nuxt 4.x
by__csdn2 天前
Ajax与Axios终极对比指南全方位对比解析
前端·javascript·ajax·okhttp·typescript·vue·restful
by__csdn2 天前
Vue3+Axios终极封装指南
前端·javascript·vue.js·http·ajax·typescript·vue
Beginner x_u2 天前
从接口文档到前端调用:Axios 封装与实战全流程详解
前端·javascript·ajax·接口·axios