侧边栏壁纸
博主头像
逆流者

不登高山,不知天之高也;不临深溪,不知地之厚也。

  • 累计撰写 147 篇文章
  • 累计创建 43 个标签
  • 累计收到 4 条评论
隐藏侧边栏

Vue22话 ajax

逆流者
2020-02-02 / 0 评论 / 0 点赞 / 217 阅读 / 0 字 / 正在检测是否收录...
温馨提示:
本文最后更新于2020-02-02,若内容或图片失效,请留言反馈。 部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

vue中两个常用的ajax库

  • vue-resource
    vue 插件, 非官方库, vue1.x 使用广泛
  • axios
    通用的 ajax 请求库, 官方推荐, vue2.x 使用广泛

1. vue-resource

1.1 下载

npm install vue-resource --save

1.2 编码

// 在main.js中引入模块
import VueResource from 'vue-resource'
//声明使用插件
Vue.use(VueResource) // 内部会给vm 和 组件对象添加一个属性:$http

// 通过 vue/组件对象发送 ajax 请求
this.$http.get('/someUrl').then((response) => {
  // success callback
  console.log(response.data) //返回结果数据
}, (response) => {
  // error callback
  console.log(response.statusText) //错误信息
})

官方文档: https://github.com/pagekit/vue-resource/blob/develop/docs/http.md

2. axios

2.1 下载

npm install axios --save

2.2 编码

// 引入模块
import axios from 'axios'
// 发送 ajax 请求
axios.get(url)
  .then(response => {
    console.log(response.data) // 得到返回结果数据
  })
  .catch(error => {
    console.log(error.message)
  })

测试源码传送门

0

评论