axios数据请求

// get
axios.get("json/test.json?name=zhangsan&age=10").then(res=>{
    // res.data 才是真正的后端数据
    console.log(res.data.data.films)
    this.datalist = res.data.data.films
})


//post -1- x-www-form-urlencode
axios.post("json/test.json","name=zhangsan&age=10").then(res=>{
	console.log(res.data)
})

//post -2- application/json
axios.post("json/test.json",{
    name:"zhangsan",
    age:100
}).then(res=>{
    console.log(res.data)
})
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
axios是一个用于浏览器和Node.js的HTTP客户端库,用于发起网络数据请求。它基于Promise,提供了简单易用的API,可以用于发送GET、POST等类型的请求。 在Vue中使用axios进行数据请求的方法如下: 1. 首先,需要在项目中安装axios。可以使用npm或者yarn进行安装: ```shell npm install axios ``` 或者 ```shell yarn add axios ``` 2. 在需要使用axios的组件中,引入axios库: ```javascript import axios from 'axios'; ``` 3. 使用axios发送GET请求的示例代码如下: ```javascript axios.get('/api/data') .then(function (response) { console.log(response.data); }) .catch(function (error) { console.log(error); }); ``` 上述代码中,`/api/data`是请求的URL,通过调用`axios.get`方法发送GET请求请求成功后,会执行`then`方法中的回调函数,可以在回调函数中处理返回的数据。如果请求失败,会执行`catch`方法中的回调函数,可以在回调函数中处理错误信息。 4. 使用axios发送POST请求的示例代码如下: ```javascript axios.post('/api/data', { name: 'John', age: 30 }) .then(function (response) { console.log(response.data); }) .catch(function (error) { console.log(error); }); ``` 上述代码中,`/api/data`是请求的URL,通过调用`axios.post`方法发送POST请求。第二个参数是请求数据,可以是一个对象或者FormData对象。请求成功后,会执行`then`方法中的回调函数,可以在回调函数中处理返回的数据。如果请求失败,会执行`catch`方法中的回调函数,可以在回调函数中处理错误信息。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值