vue.js中Axios的概念以及使用方法

本篇文章给大家分享的内容是vue.js中Axios的概念以及使用方法,有着一定的参考价值,有需要的朋友可以参考一下

    1.什么是axios

   https://www.kancloud.cn/yunye/axios/234845这是官方中文文档,大家可以看看

  Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。跟ajax一样都会是用来与后台交互的,但两者之间又有着区别

 以下是知乎上的一段话:

axios是通过promise实现对ajax技术的一种封装,就像jQuery实现ajax封装一样。

 简单来说: ajax技术实现了网页的局部数据刷新,axios实现了对ajax的封装。

   axios是ajax    ajax不止axios,这段话可以很好地诠释两者之间的关系

juuery ajax主要是针对mvc的编程,越来越跟不上现在的节奏了,而且juuery太大,单独为了ajax而引入jquery有点得不偿失,随着越来越多的框架的崛起,jquery的路有些越走越窄

axios具有以下特点

                 从 node.js 创建 http 请求

                  支持 Promise API客户端

                  支持防止CSRF

                   提供了一些并发请求的接口(重要,方便了很多的操作)

                  相对于ajax,axios更小巧

说了这么多,大家应该也理解了,两者之间的区别,那么接下来就给大家介绍一下具体用法

立即学习“前端免费学习笔记(深入)”;

            先来看一段代码                 

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

登录后复制

对于浏览器的支持

    vue.js中Axios的概念以及使用方法

同事支持多个请求  

function getUserAccount() {  return axios.get('/user/12345');}function getUserPermissions() {  return axios.get('/user/12345/permissions');}axios.all([getUserAccount(), getUserPermissions()])  .then(axios.spread(function (acct, perms) {      // 两个请求现在都执行完成  }));

登录后复制

如何安装呢

          使用 npm    :

        $ npm install axios

登录后复制

    使用 bower:

        $ bower install axios

登录后复制

使用 cdn:

        

登录后复制

以上就是vue.js中Axios的概念以及使用方法的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2773424.html

(0)
上一篇 2025年3月8日 13:47:12
下一篇 2025年3月7日 14:09:54

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 几种js中this函数的调用方式

    javascript中的this含义非常丰富,它可以是全局对象,当前对象或者是任意对象,这都取决于函数的调用方式。函数有以下几种调用方式:作为对象方法调用、作为函数调用、作为构造函数调用、apply或call调用。 对象方法调用 作为对象方…

    编程技术 2025年3月8日
    200
  • js数组去重以及如何判断出字符串出现次数最多的字符

    本篇文章给大家分享的内容是s数组去重以及如何统计字符串出现最多的字符的代码分享,有着一定的参考价值,有需要的朋友可以参考一下 数组去重: 数组去重function test(str){ let len = str.length; let s…

    编程技术 2025年3月8日
    200
  • 5个关于JavaScript数组的迭代方法

    本篇文章给大家分享的内容是5个关于JavaScript数组的迭代方法,有着一定的参考价值,有需要的朋友可以参考一下 ECMAScript5为数组定义了5个迭代方法。每个方法都接受两个参数:要在每一项运行的函数和(可选的)运行函数的作用域对象…

    编程技术 2025年3月8日
    200
  • 源生JS怎样实现todolist功能

    这次给大家带来源生JS怎样实现todolist功能,源生JS实现todolist功能的注意事项有哪些,下面就是实战案例,一起来看一下。 该项目主要可以练习js操控dom,事件,事件触发之间的逻辑关系,以及如何写入缓存,获取缓存。 主要功能:…

    编程技术 2025年3月8日
    200
  • 深入了解vue.js 之watch用法

    本篇文章给大家分享的内容是深入了解vue.js 之watch用法,有着一定的参考价值,有需要的朋友可以参考一下 watch: 观测vue实例上的数据变动,对应一个对象, 键:就是需要监测的那个东西, 值: 1.可以是当键变化时执行的函数,有…

    编程技术 2025年3月8日
    200
  • Immutable.js怎样实现撤销重做效果

    这次给大家带来Immutable.js怎样实现撤销重做效果,Immutable.js实现撤销重做效果的注意事项有哪些,下面就是实战案例,一起来看一下。 浏览器的功能越来越强大,许多原来由其他客户端提供的功能渐渐转移到了前端,前端应用也越来越…

    编程技术 2025年3月8日
    200
  • 使用Node.js做出命令行工具

    这次给大家带来使用Node.js做出命令行工具,使用Node.js做出命令行工具的注意事项有哪些,下面就是实战案例,一起来看一下。 本文介绍了用Node.js写一个简单的命令行工具,分享给大家,具体如下: 操作系统需要为Linux 1. 目…

    编程技术 2025年3月8日
    200
  • 脚本加载后执行JS回调函数的方法

    这次给大家带来脚本加载后执行JS回调函数的方法,脚本加载后执行JS回调函数的注意事项有哪些,下面就是实战案例,一起来看一下。 项目中经常会遇到这样的问题:当某个 js 脚本加载完成后再执行相应任务,但很多朋友可能并不知道怎么判断我们要加载的…

    编程技术 2025年3月8日
    200
  • angularjs中获取单选按钮的方法

    这次给大家带来angularjs中获取单选按钮的方法,angularjs中获取单选按钮的注意事项有哪些,下面就是实战案例,一起来看一下。 在Html页面中,有三个单选按钮,默认选中的是第二个“重要”这个选项,设置ng-checked=&#8…

    编程技术 2025年3月8日
    200
  • js和html中关于引号的转义总结

    本篇文章给大家分享的内容是js和html中关于引号的转义总结 ,有着一定的参考价值,有需要的朋友可以参考一下 在一个网页中的按钮,写onclick事件的处理代码,不小心写成如下: 登录后复制登录后复制登录后复制登录后复制 IE提示出错后,再…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论