vuejs ajax mysql_Vue.js Ajax(axios)

本文介绍了在Vue.js2.0项目中如何利用axios库进行Ajax请求,特别是GET方法的使用。通过示例展示了如何从指定URL获取JSON数据,并在Vue组件中展示。此外,还提到了axios的浏览器兼容性和安装方式。
摘要由CSDN通过智能技术生成

Vue.js Ajax(axios)

Vue.js 2.0 版本推荐使用 axios 来完成 ajax 请求。

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

安装方法

使用 cdn:

使用 npm:

$ npm install axios

使用 bower:

$ bower install axios

使用 yarn:

$ yarn add axios

浏览器支持情况

f7e0bfd3a1355e2811f6c51b2c536182.png

GET 方法

我们可以简单的读取 JSON 数据:

GET 实例

newVue({el:'#app',data(){return{info:null}},mounted(){axios.get('https://www.runoob.com/try/ajax/json_demo.json').then(response=>(this.info=response)).catch(function(error){//请求失败处理console.log(error);});}})

尝试一下 »

使用 response.data 读取 JSON 数据:

GET 实例

网站列表

{{ site.name }}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值