uni-app get请求问号传参
时间: 2023-08-02 14:09:53 浏览: 47
你可以使用uni.request()函数来发送get请求并附带问号传参。以下是一个示例代码:
```
uni.request({
url: 'http://example.com/api/getData',
data: {
id: 123,
name: 'john'
},
success: function (res) {
console.log(res.data);
}
})
```
在上面的代码中,我们将请求的url设置为'http://example.com/api/getData',并通过data参数设置了两个问号传参'id'和'name'。在成功回调函数中,我们打印了响应数据res.data。
希望这能帮助到你!
相关问题
uni-app 页面传参
在 uni-app 中,可以使用以下方法将参数传递给目标页面:
1. URL传参:在跳转时,将参数以URL的形式附加在目标页面的路径后面。例如:
```
uni.navigateTo({
url: '/pages/detail/detail?id=123'
})
```
在目标页面中可以通过 `this.$route.query.id` 来获取参数。
2. Vuex存储:将参数存储在Vuex中,目标页面从Vuex中取出参数。例如:
在调用页面:
```
this.$store.commit('setParam', {id: 123})
uni.navigateTo({
url: '/pages/detail/detail'
})
```
在目标页面:
```
computed: {
id () {
return this.$store.state.param.id
}
}
```
3. 事件总线:在全局创建一个事件总线对象,调用页面将参数通过事件传递给目标页面。例如:
在 `main.js` 中创建事件总线:
```
Vue.prototype.$bus = new Vue()
```
在调用页面:
```
this.$bus.$emit('param', {id: 123})
uni.navigateTo({
url: '/pages/detail/detail'
})
```
在目标页面:
```
created () {
this.$bus.$on('param', (param) => {
this.id = param.id
})
}
```
以上三种方法都可以在 uni-app 中实现页面传参,具体应该根据实际需求选择使用哪种方法。
uni-app路由传参
在uni-app中,可以通过路由传参来在页面之间传递数据。下面是一个简单的示例:
1. 在源页面中,使用`uni.navigateTo`或`uni.redirectTo`方法跳转到目标页面,并通过`query`参数传递数据。
```javascript
// 在源页面中跳转到目标页面
uni.navigateTo({
url: '/pages/targetPage/targetPage?param1=value1¶m2=value2'
});
```
2. 在目标页面的`onLoad`生命周期方法中,可以通过`options.query`获取传递的参数。
```javascript
onLoad(options) {
console.log(options.query.param1); // 输出:value1
console.log(options.query.param2); // 输出:value2
}
```
这样就实现了通过路由传参在uni-app中传递数据。你可以根据实际需求进行相关参数的传递和获取。