VueJS ajax

4.1 vue-resource

vue-resource是Vue.js的插件提供了使用XMLHttpRequest或JSONP进行Web请求和处理响应的服务。 当vue更新 到2.0之后,作者就宣告不再对vue-resource更新,而是推荐的axios,在这里大家了解一下vue-resource就可以。 vue-resource的 github: https://github.com/pagekit/vue-resource

4.2 axios

Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中axios的github:https://github.com/axios/axios

4.2.1 引入axios

首先就是引入axios,如果你使用es6,只需要安装axios模块之后

    import axios from 'axios'; 
    //安装方法 
    npm install axios 或 bower install axios

当然也可以用script引入

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
4.2.2 get请求
    //通过给定的ID来发送请求 
    axios.get('/user?ID=12345').then(function (response) {
        console.log(response);
    }).catch(function (err) {
        console.log(err);
    });
    //以上请求也可以通过这种方式来发送 
    axios.get('/user', {params: {ID: 12345}}).then(function (response) {
        console.log(response);
    }).catch(function (err) {
        console.log(err);
    });
4.2.3 post请求
    axios.post('/user', {firstName: 'Fred', lastName: 'Flintstone'}).then(function (res) {
        console.log(res);
    }).catch(function (err) {
        console.log(err);
    });

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

  • axios.request(config)
  • axios.get(url[, config])
  • axios.delete(url[, config])
  • axios.head(url[, config])
  • axios.post(url[, data[, config]])
  • axios.put(url[, data[, config]])
  • axios.patch(url[, data[, config]])

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 软考分类精讲-软件架构设计(三)

    cwl_java
  • C++-面向对象(七)

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 ...

    cwl_java
  • 商城项目-页面展示选择的过滤项

    当用户选择一个商品分类以后,我们应该在过滤模块的上方展示一个面包屑,把三级商品分类都显示出来。

    cwl_java
  • JS的 HTTP 库 Axios

    Axios 是一个基于 promise 的 HTTP 库,可以工作于浏览器中,也可以在 node.js 中使用,提供了一个API用来处理 XMLHttpRequ...

    dys
  • vue-cli-3.0 axios 配置 转

    参考:[https://www.jianshu.com/p/b22d03dfe006]

    双面人
  • Vue-CLI项目-axios模块前后端交互(类似ajax提交)

    小小咸鱼YwY
  • 什么是唯链(VEN)?

    唯链(Vechain)成立于2015年,是行业内历史最悠久的区块链公司之一,他们总部在新加坡。最近,他们在源源不断的合作伙伴关系中获得了投资者们的青睐。然而,其...

    林纾燊
  • vue项目中关于axios的简单使用

    没有vue项目的使用vue-cli脚手架生成一个webpack模板的项目即可愉快的看下去了~ 如果开发遇到跨域问题可以参考:http://www.cnblog...

    易墨
  • 5.5 Opengl编程实例-红蓝三角形

    步行者08
  • angularjs 控制器、作用域、广播详解

    一、控制器 首先列出几种我们平常使用控制器时的几种误区: ? 我们知道angualrJs中一个控制器时可以对应不同的视图模板的,但这种实现方式存在的问题是: 如...

    柴小智

扫码关注云+社区

领取腾讯云代金券