首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >VueJS ajax

VueJS ajax

作者头像
cwl_java
发布2019-12-25 11:21:03
2.9K0
发布2019-12-25 11:21:03
举报
文章被收录于专栏:cwl_Javacwl_Java

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]])
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 4.1 vue-resource
    • 4.2 axios
      • 4.2.1 引入axios
      • 4.2.2 get请求
      • 4.2.3 post请求
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档