vue2.0中的get和post传参
时间: 2024-02-07 17:03:16 浏览: 107
vue 2.x 中axios 封装的get 和post方法
在 Vue 2.0 中,可以使用 axios 库来发送 GET 和 POST 请求并传递参数。
GET 请求传参:
```javascript
import axios from 'axios'
axios.get('/api/getData', {
params: {
name: 'John',
age: 30
}
})
.then(response => {
console.log(response)
})
.catch(error => {
console.log(error)
})
```
POST 请求传参:
```javascript
import axios from 'axios'
axios.post('/api/saveData', {
name: 'John',
age: 30
})
.then(response => {
console.log(response)
})
.catch(error => {
console.log(error)
})
```
可以看到,GET 请求使用 `params` 选项传递参数,POST 请求使用对象传递参数。如果需要在 POST 请求中以表单形式传递参数,可以使用 `URLSearchParams` 对象:
```javascript
import axios from 'axios'
const params = new URLSearchParams()
params.append('name', 'John')
params.append('age', 30)
axios.post('/api/saveData', params)
.then(response => {
console.log(response)
})
.catch(error => {
console.log(error)
})
```
阅读全文