当前位置:首页 > 前端 > 正文内容

ajax库Axios的使用方法

zhangsir3年前 (2022-10-27)前端299

axios简介

Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。

axios的基本使用

如何引入axios

可以通过npm安装来进行使用

npm install axio


也可以使用 bower进行安装,然后在页面中进行引入:

bower install axios


还可以使用CDN来进行引入到页面中去

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

如何应用axios

当我们引入了axios之后,接下来我们就要开始正式的使用axios了,对于axios的使方法比较多:

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);
  });


post 请求


axios.post('/user', {
    firstName: 'Fred',
    lastName: 'Flintstone'
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });


zhangsir版权c3防采集https://mianka.xyz

扫描二维码推送至手机访问。

版权声明:本文由zhangsir or zhangmaam发布,如需转载请注明出处。

本文链接:https://www.mianka.xyz/post/51.html

标签: 前端ajax
分享给朋友:

“ajax库Axios的使用方法” 的相关文章

微信小程序 全局变量的调用与修改

一、全局变量的设置在miniprogram > app.js 文件中设置,globalData对象就是存储全局变量的。App({     globalData: {       h...

微信小程序引入echarts不显示 也不报错

微信小程序引入echarts不显示 也不报错1.在开发者工具上没有显示你需要给ceharts组件一个高度和宽度style="width: 100%; height: 100%;"2.给了高度和宽度还是没有显示你需要给ceharts标签外面的view加...

使用NProgress.js制作一个相对准确的网页加载进度条

引入:<link href="https://www.haohaokan17.com/js/nprogress.css" rel="stylesheet" /> <script src="h...

autojs强制关闭APP详解

// 测试手机为红米note10 pro,autojsPro版本8.8.22-common killApp("微信"); function killApp(appName) {//填写包名或app名称都可以   &...

箭头函数的写法与定义与特点

箭头函数是一种JavaScript函数的语法简写形式。它是ES6(ECMAScript 2015)中的一个新特性,也称为Lambda表达式。箭头函数使用箭头(=>)来定义函数,它的基本语法格式如下:(parameters) => { statements&n...

jquery获取元素有两个,怎么获取第二个的属性名

如果你有两个相同类型的且具有相同类名或ID的元素,你可以使用jQuery的.eq()方法来获取第二个元素的属性名。这个方法返回指定元素的属性名。例如,假设你有两个div元素,它们都有class="myDiv",你可以这样获取第二个元素的class属性名:$('.myDiv...