uniapp get
uniapp 获取数据的方法
在 uniapp 中获取数据可以通过多种方式实现，包括 API 请求、本地存储、页面传参等。以下是一些常见的方法：
API 请求获取数据
使用 uni.request 方法可以发起网络请求获取远程数据。示例代码如下：
uni.request({
url: 'https://example.com/api/data',
method: 'GET',
success: (res) => {
console.log(res.data);
},
fail: (err) => {
console.error(err);
}
});本地存储获取数据
通过 uni.getStorage 或 uni.getStorageSync 可以获取本地存储的数据：
// 异步获取
uni.getStorage({
key: 'key_name',
success: (res) => {
console.log(res.data);
}
});
// 同步获取
const data = uni.getStorageSync('key_name');
console.log(data);页面传参获取数据
在页面跳转时可以通过 URL 传递参数，目标页面通过 onLoad 生命周期获取：
// 页面跳转传参
uni.navigateTo({
url: '/pages/detail?id=123'
});
// 目标页面获取参数
onLoad(options) {
console.log(options.id); // 输出 123
}uniapp 获取 DOM 元素
在 uniapp 中可以通过 uni.createSelectorQuery 获取 DOM 元素的信息：
const query = uni.createSelectorQuery().in(this);
query.select('#elementId').boundingClientRect(res => {
console.log(res.width, res.height);
}).exec();uniapp 获取系统信息
使用 uni.getSystemInfo 可以获取设备系统信息：
uni.getSystemInfo({
success: (res) => {
console.log(res.model); // 设备型号
console.log(res.platform); // 运行平台
}
});uniapp 获取当前位置
通过 uni.getLocation 可以获取用户的地理位置信息：
uni.getLocation({
type: 'wgs84',
success: (res) => {
console.log(res.latitude, res.longitude);
}
});以上方法涵盖了 uniapp 中常见的数据获取场景，开发者可以根据实际需求选择合适的方式。
